HTML5中,div元素是最常用的容器元素之一,可以用來組織網頁中的各種元素和內容。而要給div元素添加邊框,我們可以使用以下代碼:
div { border: 1px solid black; }
以上代碼中,我們使用了CSS的border屬性來添加邊框。border屬性有三個值,分別是邊框寬度、邊框樣式和邊框顏色。在本例中,我們使用了1像素的邊框寬度,實線的邊框樣式和黑色的邊框顏色。通過這個簡單的CSS代碼,我們就可以讓一個普通的div元素變得更加有趣和美觀。
當然,我們還可以對border屬性進行更多的設置,比如設置不同寬度的上下左右四個邊框:
div { border-top: 2px solid black; border-bottom: 2px dotted gray; border-left: 1px dashed red; border-right: 1px double blue; }
以上代碼中,我們給四個邊框分別設置了不同的樣式和顏色,用來演示如何自定義邊框。通過這些技巧,我們可以輕松掌握div邊框的基本使用和一些高級技巧。