首页 >
css取消表格间距 |css3上尖角
在网页制作中,经常会使用表格来展示信息。但是,大家常常会发现在表格中,每个单元格之间都有一定的间距,这使得网页显示效果不如大家所愿。那么如何取消表格间距呢?下面大家将介绍一种方法,采用CSS样式来实现。
首先,在CSS中将表格边框设置为0,同时将表格单元格之间的边框也设置为0,代码如下:
pre{
border-collapse:collapse;
border-spacing:0;
}
接下来,大家会发现表格中每个单元格之间的间距已经消失了。但是,边框也同时消失了。这是因为大家将表格的边框设置为0.如果需要显示表格边框,可以采用下面的代码:
pre{
border-collapse:collapse;
border-spacing:0;
}
table,tr,td{
border:1px solid #000;
}
上述代码中的最后三行,设置了表格、表格行和表格单元格的边框都为1像素,颜色为黑色。这时候,大家就能看到表格的边框和单元格的边框了。
总结一下,通过上面的代码,大家可以用CSS样式来取消表格间距,不仅能让网页显示效果更加整洁美观,而且还能让网页加载速度变快。如果您在网页制作中遇到类似的问题,以上方法值得一试哦!
Windows如何设置默认的HTML打开程序? |左侧导航html | Windows如何设置默认的HTML打开程序? |左侧导航html ...