当前位置：凯发k8官方网 > 前端技术 > css >内容正文

css

【css3】table的css属性 -凯发k8官方网

发布时间：2024/10/12 css 24 豆豆

凯发k8官方网收集整理的这篇文章主要介绍了【css3】table的css属性小编觉得挺不错的,现在分享给大家,帮大家做个参考.

table的css属性

1.border-collapse：设置是否把表格边框合并位单一边框

table, td, th{border-collapse:separate;/*默认值，边框会被分开*/border-collapse:collapse;/*如果可能，边框会合并为一个单一的边框*/border:1px solid black;}

2.border-spacing：设置分割单元格边框的距离

table, td, th{border-collapse:separate;/*默认值，边框会被分开*/border-spacing:10px;border:1px solid black;}

3.caption-side:设置表格标题的位置。

css代码：

caption{caption-side:bottom }

html代码：

<table border="1"><caption>this is a captioncaption><tr><td>adamstd><td>johntd>tr><tr><td>bushtd><td>georgetd>tr> table>

效果：

4.empty-cells：设置是否显示表格中的空格单元

table {border-collapse: separate;empty-cells: hide;empty-cells:show; }

不显示效果：

5.table-layout：设置显示单元、行和列的算法。

table{table-layout:automatic;table-layout:fixed;}

转载于:https://www.cnblogs.com/horsonce/p/7494848.html

以上是凯发k8官方网为你收集整理的【css3】table的css属性的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。