我如何使div即使具有border-radius設置也能獲得正方形邊框

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>