即使有边框半径设置，如何使 div 获得方形边框

Question

现在我正在处理 HTML 页面。

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

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

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

谢谢。

编辑

现在我发现 Chrome 和 Firefox 的大纲不一样。在 Chrome 中，轮廓仅适用于其自身区域，但在 Firefox 中，轮廓适用于包括其子 dom 节点的区域。现在我想让Firefox和Chrome的大纲动作一样。我怎样才能在 Firefox 中做到这一点。

Answer 1

希望这就是您正在寻找的。

:)

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

<div></div>