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表格<二>


分享到:


相關文章: