CSS中給
加邊框是一項基本的樣式設置。下面將通過在CSS中使用border屬性,來介紹如何給
加邊框。
div{ border: 1px solid black; }
上面這行代碼中,我們使用了border屬性來設置邊框的樣式。在border屬性中,我們設置了邊框的寬度為1px,樣式為solid實線,邊框顏色為黑色。也可以根據需求自己設置邊框的大小和顏色。
div{ border: 2px dashed red; }
如上面代碼所示,我們設置了邊框寬度為2px,樣式為dashed虛線,邊框顏色為紅色。
除此之外,還可以單獨設置邊框的樣式、寬度、顏色。
div{ border-style: solid; border-width: 1px; border-color: black; }
如上面代碼所示,我們使用了border-style、border-width、border-color三個屬性單獨設置邊框樣式、寬度、顏色。
需要注意的是,如果對某一個方向的邊框進行設置,可分別使用border-top、border-right、border-bottom、border-left進行設置。
div{ border-top: 1px solid black; border-left: 2px dashed red; }
如上面代碼所示,我們單獨設置了上邊框的樣式為solid實線、寬度為1px、顏色為黑色,左邊框的樣式為dashed虛線、寬度為2px、顏色為紅色。
通過上面的介紹和實例,大家應該已經掌握了給
加邊框的方法了吧。