CSS初級教程 邊框

來源:互聯網
上載者:User

邊框可以應用到在主體元素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文檔添加如下代碼:

 代碼如下 複製代碼
h2 { 
border-style: dashed; 
border-width: 3px; 
border-left-width: 10px; 
border-right-width: 10px; 
border-color: red; 

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.