HTML之CSS表格填充和表格颜色<三>

前面介绍了表格边框、折叠边框、表格宽度、高度和表格文本对齐,这章介绍表格填充和表格颜色。

表格填充

如果在表的内容中控制空格之间的边框,应使用td和th元素的填充属性:

table,td,th{border:1px solid red; }

td{padding: 15px;background-color: pink;}

打开记事本,在

标签中加入以下代码,并保存为HTML格式文件。代码如下。


HTML之CSS表格填充和表格颜色<三>

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示。


HTML之CSS表格填充和表格颜色<三>


表格颜色

下面的例子指定边框的颜色,和th元素的文本和背景颜色:

table,td,th{border: 1px solid red;}

th{background-color: yellow;

color:white;}

打开记事本,在

标签中加入以下代码,并保存为HTML格式文件。代码如下。


HTML之CSS表格填充和表格颜色<三>


(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示。


HTML之CSS表格填充和表格颜色<三>

Table 属性


HTML之CSS表格填充和表格颜色<三>


分享到:


相關文章: