HTML之CSS表格<二>

上章提到表格边框和折叠边框,这章介绍表格宽度、高度和表格文本对齐。

表格宽度和高度

通过 width 和 height 属性定义表格的宽度和高度。

下面的例子将表格宽度设置为 100%,同时将 th 元素的高度设置为 50px:

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

table{width: 100%;}

th{height: 50px;}

打开记事本,在

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


HTML之CSS表格<二>

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

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


HTML之CSS表格<二>

表格文本对齐

text-align 和 vertical-align 属性设置表格中文本的对齐方式。

text-align 属性设置水平对齐方式,比如左对齐、右对齐或者居中:

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

td{vertical-align:right;}

打开记事本,在

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


HTML之CSS表格<二>

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

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


HTML之CSS表格<二>

Table 属性


HTML之CSS表格<二>


分享到:


相關文章: