css如何让表格table的边框为1像素呢
在Html中使⽤table是⽹页制作中必不可缺的⼀部分,如果直接给css设置table⾥⾯的td边框为1像素的话,那么实际我们从⽹页上看到的效果却不是1像素。
那么我们怎么⽤css让table的边框为1像素呢?
其实很简单,给table使⽤css样式border-collapse: collapse;
这个样式的意思就是“为表格设置合并边框模型”
这个属性经测试,⽀持⼀下浏览器:
下⾯我写⼀个案例
css表格样式CSS
/*重点就是要在table上加border-collapse: collapse;这个样式,这个样式是合并边框模型的意思*/
table{border-collapse: collapse;width:100%;}
tr{}
td{border: 1px solid #936943;height:40px;}
HTML
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论