养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

css设置表格边框没有间隙

时间:2024-10-02 06:39:26

在使用table表格制作列表数据时,默认情况下table表格的边框会出现间隙,那如戾态菩痃何让表格边框之间没有间隙呢?如图

css设置表格边框没有间隙

工具/原料

小米pro15.6

win10

方法/步骤

1、打开一个html代码页面,创建一个带边框的表格。如图

css设置表格边框没有间隙

css设置表格边框没有间隙

2、保存html文件后使用浏览器打开,这时候可以看到表格边框之间存在间隙。如图

css设置表格边框没有间隙

3、回到html代码页面,对表格标盘份益巩签添加border-collapse:collapse样式,用于去掉表格之间的间隙。如图

css设置表格边框没有间隙

4、保存html代码后刷新浏览器,这是可以看到之前的表格间隙已经被去掉了。如图

css设置表格边框没有间隙

© 一点知识