欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css只顯示左邊框

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

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

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

上面的代碼將一個(gè)div元素的左邊框設(shè)置為1像素寬、黑色實(shí)線。注意,不寫(xiě)其他邊框樣式的情況下,左邊框樣式會(huì)自動(dòng)繼承border的默認(rèn)值(一般為none)。

如果想要設(shè)置其他邊框的值,可以使用border-top、border-right、border-bottom屬性,用法類(lèi)似。如下面的代碼,設(shè)置一個(gè)元素的下邊框?yàn)樘摼€:

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

除了使用簡(jiǎn)寫(xiě)的border屬性,以上所有的border-*屬性都可以分開(kāi)寫(xiě),比如border-left-width、border-left-style、border-left-color。

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

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

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