html一条竖线的代码(HTML之CSS表格lt一)

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)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页