CSS中如何控制单元格大小呢?table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align:
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;
属性可以让单元格边框合并显示,避免出现重叠和间隔问题。
粉丝
0
关注
0
收藏
0