首页 >

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 | Windows如何设置默认的HTML打开程序? |左侧导航html ...

  • css最多三行超过省略号 |css 怎么隐藏img标签
  • css最多三行超过省略号 |css 怎么隐藏img标签 | css最多三行超过省略号 |css 怎么隐藏img标签 ...

  • css地图包下载 |css鼠标经过图片旋转过渡
  • css地图包下载 |css鼠标经过图片旋转过渡 | css地图包下载 |css鼠标经过图片旋转过渡 ...