最近在使用TABLE的bordercolorlight/bordercolordar的屬性時,IDEA總是提示我屬性非法,搞的人很不爽。沒辦法,這兩個屬性連MSDN都建議不再使用。可是,如果通過CSS來模擬實現呢?
Google了一下,發現瞭如下的解決辦法:
<style type="text/css">
TABLE.colorTest{
border-top: 1px solid #EBEAEE;
border-left: 1px solid #EBEAEE;
border-right: 0px;
border-bottom: 0px;
}
.colorTest TD {
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #EBEAEE;
border-bottom: 1px solid #EBEAEE;
}
</style>
<table class="colorTest"
cellpadding="1" cellspacing="0">
<tbody>
<tr bgcolor="#EEEEEE">
<td>www.</td>
<td>zeali.</td>
<td>net</td>
</tr>
<tr bgcolor="#DADADA">
<td>www.</td>
<td>zeali.</td>
<td>net</td>
</tr>
</tbody>
</table>
TABLE.colorTest{
border-top: 1px solid #EBEAEE;
border-left: 1px solid #EBEAEE;
border-right: 0px;
border-bottom: 0px;
}
.colorTest TD {
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #EBEAEE;
border-bottom: 1px solid #EBEAEE;
}
</style>
<table class="colorTest"
cellpadding="1" cellspacing="0">
<tbody>
<tr bgcolor="#EEEEEE">
<td>www.</td>
<td>zeali.</td>
<td>net</td>
</tr>
<tr bgcolor="#DADADA">
<td>www.</td>
<td>zeali.</td>
<td>net</td>
</tr>
</tbody>
</table>