css之邊框

lm_y發表於2017-08-18

邊框可以應用到在主體元素body中的絕大部分HTML元素中。

建立一個包圍著元素的邊框,你所需要的是邊框樣式border-style。它們的值可以是 soliddotteddasheddoublegrooveridgeinsetoutset。(你有必要每個值都試一試,看看效果如何——譯者注)

邊框寬度border-width為邊框設定寬度,通常用畫素來表示。當然,還可以單獨設定四個方向的邊框屬性,它們是border-top-widthborder-right-widthborder-bottom-widthborder-left-width

最後,邊框顏色border-color設定顏色。

為下面的CSS文件新增如下程式碼:

h2 { border-style: dashed; border-width: 3px; border-left-width: 10px; border-right-width: 10px; border-color: red; } 

這將會使所有的HTML二級標題(h2)產生紅色的破折號(dashed)邊框,上下各3畫素寬,左右則各10畫素寬(取代了3畫素寬的全域性設定)。

相關文章