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屬性。
上一篇mysql數據庫被改監控
下一篇css只顯示2行