CSS代替bordercolorlight与bordercolordark

1、bordercolorlightbordercolordark的用法(这种用法只限于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>

 



posted @ 2011-07-13 13:53  linyujade  阅读(551)  评论(0编辑  收藏  举报