邊框長度比Div 寬度淺
您的程式碼定義了寬度為200px 的div 元素,底部有一個1px 洋紅色實心邊框邊緣。然而,您尋求一種方法來將該邊框的長度限制為 100px,而不會改變 div 的寬度。
偽元素提供了一個解決方案。偽元素是新增到 DOM 樹中的元素,可讓您設定現有元素的某些部分的樣式。在這種情況下,您可以創建一個充當邊框的偽元素:
這個偽元素將自己絕對定位在 div 的左下角,複製所需的 100px 邊框長度。透過調整它的width屬性,你可以輕鬆控制邊框的長度,而不影響div本身的寬度。
以上是如何創建比 Div 寬度更短的邊框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!