在CSS中,我們可以使用border屬性來設置元素的邊框,其中包括了上、右、下、左四條邊。但是有時候,我們可能想在元素的左右兩側添加邊框,這一點該怎么實現呢?
/* 將元素設置為塊級元素 */ display: block; /* 以下兩個屬性用于撐開元素使元素可以顯示邊框 */ overflow: hidden; padding: 0.1px 0; /* 定義左右邊框類型、顏色、寬度、樣式 */ border-left: 1px solid #000; border-right: 1px solid #000;
以上代碼中,我們將元素設置為塊級元素,以便可以給元素的左右兩側添加邊框。接著使用overflow: hidden;和padding: 0.1px 0;屬性,將元素的高度撐開,以便讓邊框顯示出來。
最后,我們分別使用border-left和border-right屬性,指定了元素的左右邊框。可以設置邊框的類型、顏色、寬度和樣式。這樣,我們就成功地給元素的左右兩側添加了邊框。
上一篇css選擇器 not
下一篇css超美圖片