如何在html中创建[]边框？

Question

如何使用HTML / CSS创建图像中的边框？

谢谢：）

Answer 1

您可以尝试这样的事情：

body {
  margin: 20px;
}

.parent {
  display: inline-block;
  border: 1px solid brown;
  padding: 20px 20px 0;
}

.child {
  background: white;
  padding: 20px;
  margin: -30px 0 -10px 0;
}

<div class="parent">
  <div class="child">
    Hello StackOverflow!
  </div>
</div>

希望这有帮助！