html - 即使它具有 border-radius 设置，我怎样才能使 div 获得方形边框

Question

现在我正在处理 HTML 页面。

我用'border-radius: 150px'制作了div，所以这个div有半径边框。

但我需要给这个 div 正方形边框。当然不仅是准确的边界，也许类似边界之类的东西也可以。

但是我不知道我该怎么做。请告诉我。

谢谢。

编辑

现在我发现大纲不适用于 Chrome 和 Firefox。在 Chrome 中，outline 仅针对其自身区域，但在 Firefox 中，outline 用于包含其子 dom 节点的区域。现在我想让 Firefox 和 Chrome 的大纲 Action 一样。我如何在 Firefox 中执行此操作。

Answer 1

希望这就是您要找的。

:)

div {
  background: red;
  width: 300px;
  height: 300px;
  border-radius: 150px;
  outline: 5px solid green;
}

<div></div>