使用HTML开发商业网站
CSS控制单元格宽和高
CSS控制表格样式
除了表格标签自带的属性外，还可用CSS的边框、宽高、颜色等来控制表格样式。此外，CSS中还提供了表格专用属性，以便控制表格样式。
本节将从边框、边距和宽高三个方面，详细讲解CSS控制表格样式的具体方法。
CSS控制表格样式
td{
width:20px;
Height:20px;
}
1. 单元格的宽度和高度，有着和其它元素不同的特性，主要表现在单元格之间的互相影响上。
2. 对同一行中的单元格定义不同的高度，或对同一列中的单元格定义不同的宽度时，最终的宽度或高度将取其中的较大者。
谢谢大家
2022-07-10 14:07:20
301KB
使用HTML开发商业网站
CSS控制单元格边距
CSS控制表格样式
除了表格标签自带的属性外，还可用CSS的边框、宽高、颜色等来控制表格样式。此外，CSS中还提供了表格专用属性，以便控制表格样式。
本节将从边框、边距和宽高三个方面，详细讲解CSS控制表格样式的具体方法。
CSS控制表格样式
th,td{
border:1px solid #30F; /*为单元格单独设置边框*/
padding:20px; /*为单元格内容与边框设置20px的内边距*/
margin:20px; /*为单元格与单元格边框之间设置20px的外边距*/
}
CSS控制表格样式
学习CSS控制单元格边距时需要注意以下几点：
行标签无内边距属性padding和外边距属性margin。
外边距属性margin对单元格无效，要想设置相邻单元格边框之间的距离，只能对标签应用HTML标签属性cellspacing。
A
B
谢谢大家