雖然CSS 邊框本身不支援百分比，但有一個聰明的僅CSS 解決方案可以實現這個效果。
模擬百分比邊框，使用具有以下屬性的包裝元素：
為了演示，這裡是創建邊寬為 25% 的元素的 HTML 和 CSS代碼"borders":
HTML:
<div class="faux-borders">
<div class="content">
This is the element to have percentage borders.
</div>
</div>CSS:
.faux-borders {
background-color: #f00;
padding: 1px 25%; /* set padding to simulate border */
}
.content {
background-color: #fff;
}此技術通過以下方式模仿百分比邊框在包裝元素上使用填充來創建幻覺。
以上是如何僅使用 CSS 建立基於百分比的 CSS 邊框？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
