CSS中有很多屬性可以用來設置border(邊框)。border是網頁設計中經常用到的一種元素,經常用來框定一個元素或者分隔不同的元素。下面我們就來看一下如何使用CSS來設置border。
border: 1px solid black;
上面的代碼設置了一個1像素寬、黑色實線的邊框。border可以同時設置邊框的寬度、樣式和顏色,也可以對每個邊框進行單獨設置。
border-top: 2px dotted red; border-right: 1px solid blue; border-bottom: 3px dashed green; border-left: 1px double yellow;
上面的代碼對每個邊框進行了單獨的設置,分別為:上邊框2像素寬、紅色點狀線;右邊框1像素寬、藍色實線;下邊框3像素寬、綠色虛線;左邊框1像素寬、黃色雙線。
border還可以只設置其中一部分樣式,比如只設置邊框顏色,或者只設置邊框寬度和樣式。以下是常用的一些border屬性:
- border-width:控制邊框寬度,可以單獨指定上、右、下、左四個邊框。
- border-style:設置邊框樣式,可以單獨指定上、右、下、左四個邊框。
- border-color:設置邊框顏色,可以單獨指定上、右、下、左四個邊框。
- border-top:單獨設置上邊框屬性。
- border-right:單獨設置右邊框屬性。
- border-bottom:單獨設置下邊框屬性。
- border-left:單獨設置左邊框屬性。
使用border設置邊框可以讓網頁看起來更加美觀,也能更好的組織網頁結構。
上一篇php nginx 目錄
下一篇css復合屬性設置邊框