css基础教程:用CSS定义表格边框
来源:学生作业帮助网 编辑:作业帮 时间:2024/11/14 15:09:01 CSS
css基础教程:用CSS定义表格边框CSS
【51Test.NET-css基础教程:用CSS定义表格边框】:
本文来解析下如何用CSS定义表格边框,希望可以为那些对CSS不是很了解的朋友解惑。
在网页中虽然不能说CSS是万能的,但遇到问题的时候想想怎样用它来解决,一般都能找到方法。在原来介绍CSS边框的文章中,我很详细的介绍过边框属性的用处和用法,详情请参考《详细介绍CSS的边框属性(border)》。
定义table的边框,其实只是CSS边框属性应用方法之一,可以给大家启发,举一反三。下面我来解决网友的问题,如果让表格table内外的水平和垂直边框颜色都不同。
先列出table的代码:
如果页面中的所有表格都要定义的话,可以如下定义:
如果只定义某个table,可以如下定义:
table引用这个class的地方就在处。
本文来解析下如何用CSS定义表格边框,希望可以为那些对CSS不是很了解的朋友解惑。
在网页中虽然不能说CSS是万能的,但遇到问题的时候想想怎样用它来解决,一般都能找到方法。在原来介绍CSS边框的文章中,我很详细的介绍过边框属性的用处和用法,详情请参考《详细介绍CSS的边框属性(border)》。
定义table的边框,其实只是CSS边框属性应用方法之一,可以给大家启发,举一反三。下面我来解决网友的问题,如果让表格table内外的水平和垂直边框颜色都不同。
先列出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的地方就在