我可以在 CSS 中使用邊框寬度百分比嗎？

以百分比表示的邊框厚度

以百分比形式設定邊框寬度的嘗試遇到了障礙，因為CSS 規範明確指出百分比是不支援邊框寬度。

但是，有一種解決方法，可以讓您實現百分比的錯覺邊界。這涉及創建一個以所需邊框顏色作為背景的包裝元素，並以百分比設定其填充。同時，將要邊框的元素的背景設定為白色（或其他適當的顏色）。

考慮這個例如：

CSS:

.faux-borders {
    background-color: #f00;
    padding: 1px 25%; /* simulate border with padding */
}

.content {
    background-color: #fff;
}

HTML:

<div>

HTML:

HTML:

以上是我可以在 CSS 中使用邊框寬度百分比嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！