如何使table中的背景色不会被隔开?

通常情况下,我们设置table的背景颜色会变成这样。
这里写图片描述

会有间隙。如果我们想要去除这些间隙,我们可以在table上设置cellspacing=”0”;

<table cellspacing="0"></table>,效果图如下
这里写图片描述

在这里我只对头部设置背景,其他部位做法一样。
方法一:
设置border的颜色为透明即可。
本质上,虽然看起来是一个,但是这七个单元格还是七个单元格,并没有变成一个。

table>th{
border-color:transparent;
background-color:skyblue;
}

方法二:我们可以通过合并单元格的办法,行合并使用colspan=”“;列合并使用rowspan=”“;
头部有七个单元格(七个合并为一个),所以

<th colspan="7"></th>

然后再来设置这个单元格的背景颜色。

table>th{
background-color:skyblue;
}

方法一、二的效果图。
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值