如何用CSS定义table边框

table和DivCss都可以作为布局的工具，而且也可以用CSS对table进行修饰定义。所以，如何用CSS定义表格边框就成了一个简单的问题。 
    先列出table的代码：

<table width=”200″ height=”200″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>  
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>  
</tr>  
</table>
    如果页面中的所有表格都要定义的话，可以如下定义：

table {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

    如果只定义某个table，可以如下定义：

.colorfultable {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

table引用这个class的地方就在<table width=”200″ height=”200″ border=”0″ cellpadding=”0″ cellspacing=”0″>处。 以上是定义了table的外边框。如果要定义table内部的单元格td也同理，只要加上td标签即可。 如果页面中的所有表格内都要定义的话，可以如下定义：

table td {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

    如果只定义某个table，可以如下定义：

.colorfultable td {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}