tft每日頭條

 > 圖文

 > html一條豎線的代碼

html一條豎線的代碼

圖文 更新时间:2024-07-22 03:18:11

CSS 表格屬性可以幫助您極大地改善表格的外觀。

表格邊框

指定CSS表格邊框,使用border屬性。

下面的例子指定了一個表格的Th和TD元素的紅色邊框:

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

(1)編輯代碼

打開記事本,在<body>标簽中加入以下代碼,并保存為HTML格式文件。代碼如下。

html一條豎線的代碼(HTML之CSS表格lt一)1

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

在浏覽器中浏覽效果如圖所示。

html一條豎線的代碼(HTML之CSS表格lt一)2

請注意,上例中的表格具有雙線條邊框。這是由于 table、th 以及 td 元素都有獨立的邊框。

如果需要把表格顯示為單線條邊框,請使用 border-collapse 屬性。

折疊邊框

border-collapse 屬性設置表格的邊框是否被折疊成一個單一的邊框或隔開:

table{border-collapse: collapse;}

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

(1)編輯代碼

打開記事本,在<body>标簽中加入以下代碼,并保存為HTML格式文件。代碼如下。

html一條豎線的代碼(HTML之CSS表格lt一)3

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

在浏覽器中浏覽效果如圖所示。

html一條豎線的代碼(HTML之CSS表格lt一)4

Table 屬性

html一條豎線的代碼(HTML之CSS表格lt一)5

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved