Css中控制table单元格的间距

Css中控制table单元格的间距,第1张

1、设置表格边框。在CSS中,可以通过border来设置表格或单元格的边框及其边框颜色,例如,下面设置表格为1px的蓝色边框。

2、在table表格里,默认是显示两个边框线的,如果要设置成一条边框,在CSS中需要使用border-collapse设置为collapse,合并为一条边框。

3、CSS设置表格的宽度和高度,使用width宽度和height高度来设置。

4、CSS设置表格的文本水平对齐方式。主要通过text-align来设置,有三个值:居左对齐left,居右对齐right,居中对齐center。

5、CSS设置表格的内边距。主要通过padding来设置,padding值越大,内边距越大,如图设置间距为15像素。

6、如图所示间距设置成功。

table标签,默认的display方法是:table

tr标签,默认的display方法是:table-row

td标签,默认的display方法是:table-cell

padding可以用于td标签(margin不能用),但是margin、padding都不能用于tr标签

除非你更改其display为block~(会破坏表格)


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11629061.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存