《
用CSS定义表格边框的方法》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302344252013.htm
--> [
网站建设之]用CSS定义表格边框的方式
在网页布局的时候咱们不仅可以应用表格，还可以使用Div+Css进行页面布局,
用CSS和jQuery制作霓虹效果，并且也可以用CSS对table进行润饰定义。所以，如何用CSS定义表格边框就成了一个简略的问题。
因为有友人问到这个问题，所以不得不来解答一下，为那些对CSS不是很懂得的朋友解惑。
在网页中固然不能说CSS是万能的，但碰到问题的时候想想怎么用它来解决，个别都能找到方法。在本来先容CSS边框的文章中，我很具体的介绍过边框属性的用途跟用法，详情请参考《CSS边框属性(border)的如何使用》。
定义table的边框，实在只是CSS边框属性利用方法之一，可以给大家启示，触类旁通。下面我来解决网友的问题，如果让表格table内外的水温和垂直边框色彩都不同。
先列出table的代码：
<table width="200" height="200" border="0" cellpadding="0" cellspacing="0" class="colorfultable ">
<tr>
<td> </td>
<td>&,
用css制作具有亲和力的表格;nbsp;</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
如果页面中的所有表格都要定义的话，可以如下定义：
table {
border-top:1px solid #F00,
用CSS制作一个圆形放大镜; /*上部边框*/
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" class="colorfultable ">处。
以上是定义了table的外边框,
用CSS创建一个布局居中的页面。如果要定义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; /*右部边框*/
}
到此，表格table边框的定义办法就算实现了，如果以上内容中有任何看不清楚的处所，请参阅一下《CSS边框属性(border)的如何使用》这篇文章。
Tag：边框 表格 ,
用cssText属性批量操作样式技巧; 定义 CSS 边框 表格 定义 CSS
(责任编辑：网站建设)
用CSS定义表格边框的方法相关文章