如何设置百分比的边框粗细？

Question

如何以百分比设置元素的边框宽度？我尝试了语法

border-width:10%;

但这是行不通的。

我要设置border-width百分比的原因是我有一个width: 80%;和元素height: 80%;，并且希望该元素覆盖整个浏览器窗口，因此我想将所有边框设置为10％。我不是使用两个元素方法来执行此操作的，因为一个元素将放置在另一个元素的后面并充当边框，因为该元素的背景是透明的，而将元素放置在它的后面会影响其透明度。

我知道这可以通过JavaScript来完成，但是如果有可能，我正在寻找仅CSS方法。

Answer 1

您也可以使用border-left: 9vw solid #F5E5D6;border-right: 9vw solid #F5E5D6;     要么border: 9vw solid #F5E5D6;