CSS中加下邊框的實現可以通過以下兩種方法:
方法一:使用border-bottom屬性
/* 在需要加下邊框的元素上加上如下CSS樣式 */ border-bottom: 1px solid black;
如上代碼,我們可以通過指定一個寬度為1px的實線邊框,顏色為黑色,來實現添加下邊框的效果。
方法二:使用::after偽元素
/* 在需要加下邊框的元素上加上如下CSS樣式 */ position: relative; /* 父元素要設置position屬性,之后在下面的子元素偽元素中使用絕對定位 */ /* 要掛載內容的偽元素 */ &::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: black; }
如上代碼,我們在父元素上設置了相對定位,之后通過使用絕對定位,指定偽元素::after的位置和大小,最后通過指定高度和背景色來實現添加下邊框的效果。這種方法支持更多的樣式自定義。
上一篇css加前綴的工具
下一篇css加入動畫后定位失效