html+定义表格边框,HTML_解析用CSS定义表格边框，本文来解析下如何用CSS定义表 - phpStudy...

解析用CSS定义表格边框

本文来解析下如何用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的地方就在

以上是定义了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边框的定义方法就算完成了相关阅读:

Linux系统命令汇总之系统备份常用命令

Asp.net网站的ClickOnce自动部署(3)－虚拟目录的配置

IIS下配置Php+Mysql+zend的图文教程

很简单的javascript函数不刷新页面---刷新数据

Oracle数据库维护中的前瞻性

用bat和 reg实现关闭局域网共享

CSS教程:论CSS选择器的浏览器支持

SQL Server 2005 SSIS技巧：动态目的文件名

Oracle数据库数据移植工具：SQL*Loader

用jQuery扩展自写的 UI导航

WebEditor网页制作新客

SQL Server与Oracle数据库事务处理横向对比

十天学会php之第二天

揪出Windows系统启动过程中的隐藏进程