本文介绍了如何使用CSS来控制HTML表格的边框、边距和单元格的宽高。通过设置`border`属性实现表格边框，用`padding`和`margin`调整单元格内部内容与边框、单元格之间的间距，以及使用`width`和`height`定义单元格尺寸，从而实现对表格样式的精细化定制。
1、CSS控制表格边框
CSS代码如下所示：
table{
width:280px;
height:280px;
border:1px solid #F00; /*设置table的边框*/
}
td,th{ border:1px solid #F00; } /*为单元格单独设置边框*/
2、CSS控制表格边距
CSS代码如下所示：
th,td{
border:1px solid #30F; /*为单元格单独设置边框*/
padding:20px; /*为单元格内容与边框设置20px的内边距*/
margin:20px; /*为单元格与单元格边框之间设置20px的外边距*/
}
3、CSS控制单元格宽高
CSS代码如下所示：
td{
width:20px;
Height:20px;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
