CSS初級教程邊框_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
邊框可以應(yīng)用到在主體元素body中的絕大部分HTML元素中。
創(chuàng)建一個包圍著元素的邊框,你所需要的是邊框樣式border-style。它們的值可以是 solid、dotted、dashed、double、groove、ridge、 inset和outset。(你有必要每個值都試一試,看看效果如何——譯者注)
邊框?qū)挾萣order-width為邊框設(shè)置寬度,通常用像素來表示。當(dāng)然,還可以單獨(dú)設(shè)置四個方向的邊框?qū)傩�,它們是border-top-width、border-right-width、 border-bottom-width和border-left-width。
最后,邊框顏色border-color設(shè)置顏色。
為下面的CSS文檔添加如下代碼:
這將會使所有的HTML二級標(biāo)題(h2)產(chǎn)生紅色的破折號(dashed)邊框,上下各3像素寬,左右則各10像素寬(取代了3像素寬的全局設(shè)置)。
創(chuàng)建一個包圍著元素的邊框,你所需要的是邊框樣式border-style。它們的值可以是 solid、dotted、dashed、double、groove、ridge、 inset和outset。(你有必要每個值都試一試,看看效果如何——譯者注)
邊框?qū)挾萣order-width為邊框設(shè)置寬度,通常用像素來表示。當(dāng)然,還可以單獨(dú)設(shè)置四個方向的邊框?qū)傩�,它們是border-top-width、border-right-width、 border-bottom-width和border-left-width。
最后,邊框顏色border-color設(shè)置顏色。
為下面的CSS文檔添加如下代碼:
示例代碼 [www.hl5o.cn]
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
這將會使所有的HTML二級標(biāo)題(h2)產(chǎn)生紅色的破折號(dashed)邊框,上下各3像素寬,左右則各10像素寬(取代了3像素寬的全局設(shè)置)。
相關(guān)CSS教程:
- 相關(guān)鏈接:
- 教程說明:
CSS教程-CSS初級教程邊框
。