html – 如何使用CSS折叠一组标签的边框?

前端之家收集整理的这篇文章主要介绍了html – 如何使用CSS折叠一组标签的边框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个由DIV制成的网格,其宽度固定,边框为1像素。现在,两个DIV相互接触,边界显然是2px。

我怎样才能在整个网格中获得1px边框?

这就是我的意思:

http://jsfiddle.net/Before/4uPtj/

HTML:

<div class="gridcontainer">
  <div class="griditem"></div>
  <!-- 15 more times -->
</div>

CSS:

div.gridcontainer
{
  width: 80px;
  line-height: 0;
}

div.griditem
{
  display: inline-block;            
  border: 1px solid black;
  width: 18px;
  height: 18px;
}

解决方法

边境倒塌财产有帮助吗?

The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.

见:http://www.w3schools.com/cssref/pr_border-collapse.asp

table#myTable
{
   border-collapse:collapse;
}
原文链接:https://www.f2er.com/html/232517.html

猜你在找的HTML相关文章