如何創建比 Div 寬度更短的邊框？

邊框長度比Div 寬度淺

您的程式碼定義了寬度為200px 的div 元素，底部有一個1px 洋紅色實心邊框邊緣。然而，您尋求一種方法來將該邊框的長度限制為 100px，而不會改變 div 的寬度。

偽元素提供了一個解決方案。偽元素是新增到 DOM 樹中的元素，可讓您設定現有元素的某些部分的樣式。在這種情況下，您可以創建一個充當邊框的偽元素：

這個偽元素將自己絕對定位在 div 的左下角，複製所需的 100px 邊框長度。透過調整它的width屬性，你可以輕鬆控制邊框的長度，而不影響div本身的寬度。

以上是如何創建比 Div 寬度更短的邊框？的詳細內容。更多資訊請關注PHP中文網其他相關文章！