CSS代替bordercolorlight与bordercolordark

1、bordercolorlight与bordercolordark的用法（这种用法只限于IE）
<table cellspacing="0" bordercolordark="#ffffff" cellpadding="3" bgcolor="#d5e1ed"
    bordercolorlight="#687cbe" border="1" width='100%'>
    <tr>
        <td nowrap align="right" bgcolor="#c6def0" width='8%'>
            主题:
        </td>
        <td>
           <input type="text" id="txtTitle"/>
        </td>
    </tr>
<table>

如图：

2、通过css设置边框属性达到同样的效果
.tbAdminBorderColor
{
    border-top: 1px solid #687cbe;
    border-left: 1px solid #687cbe;
    border-right: 0px;
    border-bottom: 0px;
}
.tbAdminBorderColor td
{
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #687cbe;
    border-bottom: 1px solid #687cbe;
    line-height:30px;
    line-height:25px;
}
.tbAdminBorderColor table td
{
    border: 0px;
}
.tdAdminDarkColor
{
    text-align: right;
    background-color: #c6def0;
}

Table可以使用上面定义的样式达到同样的效果，而且是多浏览器中；

<table class="tbAdminBorderColor" cellspacing="0" cellpadding="3" width="100%">
        <td class="tdAdminDarkColor" width="8%">
            主题:
        </td>
        <td>
           <input type="text" id="txtTitle"/>
        </td>
</table>

 

转载于:https://www.cnblogs.com/yumianhu/archive/2011/07/13/3713011.html