CSS基礎教程:Borders 邊框

作者:Htmldog 來源:w3cpro.cn 時間:2008-03-09 標簽: CSS基礎教程
CSS Borders 邊框

  邊框可以運用到body里的大部分HTML元素。 
  制作一個元素的邊框,你需要border-style邊框樣式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具體樣式大家可以實際下。
  border-width設定寬度,通常使用pixels即單位是px,同樣有四邊屬性:border-top-width, border-right-width, border-bottom-width and border-left-width。
  border-color設定邊框顏色。
  例子

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


  設定紅色樣式為dashed的邊框,上下邊框寬度為3px,而左右為10px(后面的屬性覆蓋了前面)。

推薦設計

最新文章