【CSS3】table的css属性
table的css属性
设置是否把表格边框合并为单⼀的边框。
设置分隔单元格边框的距离。
设置表格标题的位置。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 caption</caption>
  <tr>
    <td>Adams</td>
    <td>John</td>
  </tr>
  <tr>
    <td>Bush</td>
    <td>George</td>
  </tr>
</table>
效果：
table
{
border-collapse: separate;
empty-cells: hide;
empty-cells:show;
}
不显⽰效果：
5.table-layout：设置显⽰单元、⾏和列的算法。 table
{
table-layout:automatic;
table-layout:fixed;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。