html - 如何在 HTML/CSS 中获取另一个边框内的边框

Question

我正在尝试在 HTML/CSS 中相互放置许多边框

我尝试在 CSS 中创建多个创建边框的 Div，并在整个正文周围放置一个边框 DIV，然后围绕我希望也有边框的某些标题和段落分隔 div。当我尝试这样做时，唯一出现的边框是整个身体的边框。

div.a {
  border: 5px green solid;
}

div.b {
  border: 5px red solid;
}

<div class="a">
  <div class="b">
    <h1>Victoria's Journal</h1>

    <h2>So fresh and so clean</h2>
  </div>
</div>

标签： htmlcss