css - 如何通过CSS创建双边框

Question

如何使用 CSS 做这样的事情？特别是双边框(不使用 border:double;) PS:Demo的HTML代码:....1801180218031804 ...

Answer 1

您基本上使用嵌套，这意味着父容器 (.container) 有一个边框，子元素 (.childdiv) 有一个边框。 html(对于单个单元格)将如下所示:

.container,
.childdiv {
  padding: 20px;
  border: 1px solid black;
}

.container {
  display: inline-block;
  width: 70px;
}

.childdiv {
  display: inline-block;
  width: 30px;
}

<div class="container">
  <div class="childdiv">

  </div>
</div>

查看 fiddle用于工作演示。