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)然，還可以單獨設(shè)置四個方向的邊框?qū)傩裕鼈兪莃order-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)然，還可以單獨設(shè)置四個方向的邊框?qū)傩裕鼈兪莃order-top-width、border-right-width、 border-bottom-width和border-left-width。
最后，邊框顏色border-color設(shè)置顏色。
為下面的CSS文檔添加如下代碼：
示例代碼 [www.zhaotila.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初級教程邊框
。