专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

HTML之CSS表格 html table css

ins518 2024-09-29 18:19:30 技术文章 38 ℃ 0 评论

CSS 表格属性可以帮助您极大地改善表格的外观。

表格边框

指定CSS表格边框，使用border属性。

下面的例子指定了一个表格的Th和TD元素的红色边框：

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

（1）编辑代码

打开记事本，在<body>标签中加入以下代码，并保存为HTML格式文件。代码如下。


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

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



请注意，上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。

如果需要把表格显示为单线条边框，请使用 border-collapse 属性。

折叠边框

border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开：

table{border-collapse: collapse;}

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


（1）编辑代码

打开记事本，在<body>标签中加入以下代码，并保存为HTML格式文件。代码如下。


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

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


Table 属性


Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表
赣ICP备2023011147号-25