色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css只顯示左邊框

林子帆2年前10瀏覽0評論

CSS的border屬性可以設置邊框樣式,包括邊框的寬度、顏色、樣式等。但是有時候我們只想設置某一邊的邊框,如只顯示左邊框。

這時候可以使用border-left屬性,僅設置左邊框的樣式,其他邊框的樣式保持默認。比如:

div{
border-left: 1px solid #000;
}

上面的代碼將一個div元素的左邊框設置為1像素寬、黑色實線。注意,不寫其他邊框樣式的情況下,左邊框樣式會自動繼承border的默認值(一般為none)。

如果想要設置其他邊框的值,可以使用border-top、border-right、border-bottom屬性,用法類似。如下面的代碼,設置一個元素的下邊框為虛線:

div{
border-bottom: 2px dashed #f00;
}

除了使用簡寫的border屬性,以上所有的border-*屬性都可以分開寫,比如border-left-width、border-left-style、border-left-color。

另外,還有一種只顯示邊框一部分的做法,即借用了box-shadow屬性。比如只顯示右側的1像素邊框,可以這樣寫:

div{
box-shadow: -1px 0 0 #000;
}

這行代碼的含義是設置一個向左偏移1像素、模糊大小為0、顏色為黑色的陰影,實際上就像一個獨立的1像素邊框。注意這種方法只是hack,不是正式的border屬性。