使用 CSS3 設置邊框寬度 在 CSS3 中，設置邊框寬度不再需要使用像素（px）等固定單位。我們可以使用新的單位，如em、rem、vw或vh等，來實現更加靈活的布局。 要設置元素的邊框寬度，可以使用以下代碼： ``` selector { border-width: value; } ``` 在代碼中，selector為元素選擇器，value為邊框寬度值。邊框寬度值可以使用以下單位： - em：相對于元素字體大小的倍數。 - rem：相對于根元素（html元素）字體大小的倍數。 - px：像素單位，固定大小。 - %：相對于包含元素寬度的百分比。 - vw：相對于視口（viewport）寬度的百分比。 - vh：相對于視口高度的百分比。 例如，要將一個元素的邊框寬度設置為1個em，可以使用以下代碼： ``` p { border-width: 1em; } ``` 如果要將邊框寬度設置為相對于包含元素寬度的50%，可以使用以下代碼： ``` p { border-width: 50%; } ``` 如果要將邊框寬度設置為相對于視口寬度的10%，可以使用以下代碼： ``` p { border-width: 10vw; } ``` 通過使用不同的單位，我們可以輕松地實現不同單位下的靈活布局。同時，CSS3 還提供了很多其他的邊框相關屬性，如 border-style、border-color 等，可以讓我們更加方便地定義元素的邊框樣式。 總之，CSS3 的邊框寬度設置提供了很多方便的方法，可以讓我們更加靈活地布局頁面。