欢迎访问 生活随笔!

尊龙游戏旗舰厅官网

当前位置: 尊龙游戏旗舰厅官网 > 前端技术 > css >内容正文

css

【css3】table的css属性 -尊龙游戏旗舰厅官网

发布时间:2024/10/12 css 24 豆豆
尊龙游戏旗舰厅官网 收集整理的这篇文章主要介绍了 【css3】table的css属性 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
table的css属性
border-collapse设置是否把表格边框合并为单一的边框。
border-spacing设置分隔单元格边框的距离。
caption-side设置表格标题的位置。
empty-cells设置是否显示表格中的空单元格。
table-layout设置显示单元、行和列的算法。

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

总结

以上是尊龙游戏旗舰厅官网为你收集整理的【css3】table的css属性的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错,欢迎将尊龙游戏旗舰厅官网推荐给好友。

网站地图