表格单元格行合并属性。
表格边框:使用border属性,设置给每一个单元格。
table , th , td { border:solid 1px #000; }
表格边框合并:添加边框之后,我们发现是双边框,需要用到border-collapse属性合并边框,只能设置到table才能起作用。
表格宽度:表格宽度可以设置固定值,列的宽度不设置的时候会根据内容自动分配,也可以给单独列设置固定宽度。
table{ width:100% }
给单独列设置固定宽度:给每行的第一列宽度设置为100px。
table tr td:nth-child{ width:100px; }
设置背景:背景要设置到具体的单元格上。
table tr td{ background:red; }
字体对齐方式:设置单元格内文字对齐方式。
td,th{ text-align:left; }
合并列:使用colspan属性来合并列,需要注意的是,合并一个列,就的删除一个列,要不多余出来一个列。
eg:<th colspan="2">成员 </th>
合并行:使用rowspan属性来合并行,其实合并的是下一行的单元格,添加行合并之后,下行的删除一个单元格。
table设置内边框eg:<td rowspan="2">B</td>
制作一个带有行合并和列合并的一个表格。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论