【css3】table的css属性 -尊龙游戏旗舰厅官网
尊龙游戏旗舰厅官网
收集整理的这篇文章主要介绍了
【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属性的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 怎么鉴定lv水桶包真假?
- 下一篇: 一个饼四刀切八块,有几种切法?