CSS初級教程邊框_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
邊框可以應用到在主體元素body中的絕大部分HTML元素中。
創建一個包圍著元素的邊框,你所需要的是邊框樣式border-style。它們的值可以是 solid、dotted、dashed、double、groove、ridge、 inset和outset。(你有必要每個值都試一試,看看效果如何——譯者注)
邊框寬度border-width為邊框設置寬度,通常用像素來表示。當然,還可以單獨設置四個方向的邊框屬性,它們是border-top-width、border-right-width、 border-bottom-width和border-left-width。
最后,邊框顏色border-color設置顏色。
為下面的CSS文檔添加如下代碼:
這將會使所有的HTML二級標題(h2)產生紅色的破折號(dashed)邊框,上下各3像素寬,左右則各10像素寬(取代了3像素寬的全局設置)。
創建一個包圍著元素的邊框,你所需要的是邊框樣式border-style。它們的值可以是 solid、dotted、dashed、double、groove、ridge、 inset和outset。(你有必要每個值都試一試,看看效果如何——譯者注)
邊框寬度border-width為邊框設置寬度,通常用像素來表示。當然,還可以單獨設置四個方向的邊框屬性,它們是border-top-width、border-right-width、 border-bottom-width和border-left-width。
最后,邊框顏色border-color設置顏色。
為下面的CSS文檔添加如下代碼:
示例代碼 [www.wf0088.com]
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二級標題(h2)產生紅色的破折號(dashed)邊框,上下各3像素寬,左右則各10像素寬(取代了3像素寬的全局設置)。
相關CSS教程:
- 相關鏈接:
- 教程說明:
CSS教程-CSS初級教程邊框。