CSS教程6、CSS的Border邊框[翻譯Htmldog]_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
CSS Borders 邊框
邊框可以運用到body里的大部分HTML元素。
制作一個元素的邊框,你需要border-style邊框樣式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具體樣式大家可以實際下。
border-width設(shè)定寬度,通常使用pixels即單位是px,同樣有四邊屬性:border-top-width, border-right-width, border-bottom-width and border-left-width。
border-color設(shè)定邊框顏色。
例子
示例代碼 [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;
}
設(shè)定紅色樣式為dashed的邊框,上下邊框?qū)挾葹?px,而左右為10px(后面的屬性覆蓋了前面)。
相關(guān)CSS教程:
- 相關(guān)鏈接:
- 教程說明:
CSS教程-CSS教程6、CSS的Border邊框[翻譯Htmldog]
。