CSS中如何控制单元格大小呢?
table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
text-align: left;
}
th {
background-color: #e5e5e5;
}
td {
border: 1px solid #f2f2f2;
} 可以看到,在CSS中,我们使用了padding来控制单元格的大小,并使用了text-align来控制文本的对齐方式。同时,我们还使用了border来控制单元格的边框样式。
此外,我们还可以设置表格的宽度,让表格自适应浏览器的宽度。这可以通过width属性来实现。
需要注意的是,以上代码中的border-collapse: collapse;属性可以让单元格边框合并显示,避免出现重叠和间隔问题。