《
解析用CSS定义表格边框》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234S42013.htm
--> [
网站建设之]解析用CSS定义表格边框
本文来解析下如何用CSS定义表格边框，盼望可认为那些对CSS不是很懂得的友人解惑。
在网页中固然不能说CSS是万能的，但碰到问题的时候想想怎么用它来解决，个别都能找到办法。在本来先容CSS边框的文章中，我很具体的介绍过边框属性的用途跟用法，详情请参考《详细介绍CSS的边框属性(border)》。
定义table的边框，实在只是CSS边框属性利用方法之一，可以给大家启示，触类旁通。下面我来解决网友的问题,
解析模块化CSS，如果让表格table内外的水温和垂直边框色彩都不同。
先列出table的代码：
<table width="200" height=",
解析哪些因素会影响网站权重值;200" border="0" cellpadding="0" cellspacing="0" class="colorfultable ">
<tr>
<td> </td>
<td>,
解析CSS设置默认字体样式; </td>
</tr>
<tr>
<td> </td>
<td> <,
解密各浏览器加载页面外部资源的策略;/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" class="colorfultable ">处。
以上是定义了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; /*右部边框*/
}
到此，表格table边框的定义方式就算实现了。
Tag：表格边框 ,
解密前端开发人员必备技能; CSS 表格边框 CSS
(责任编辑：网站建设)
解析用CSS定义表格边框相关文章