WEB前端初學者筆記（7）--盒子的邊框屬性

一、邊框屬性

• border-width可以設置邊框大小
• border-style可以設置邊框樣式，取值有

  dotted(點)solid（實線） double（雙實線） dashed（虛線）

• border-color可以設置邊框顏色

二、邊框的應用

 

以拉勾網的登錄頁面為例，像圖中賬號密碼，還有or這個三個邊框的樣式為例，可以默認為這是三個div盒子，然后設置的時候只留下一條邊，然后定義這一條邊的樣式，這個or可以作為div盒子里的一個span內容,在占據邊框的時候會默認占據邊框,實現圖中效果.