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設定邊框顏色。
例子
設定紅色樣式為dashed的邊框,上下邊框寬度為3px,而左右為10px(后面的屬性覆蓋了前面)。
邊框可以運用到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(后面的屬性覆蓋了前面)。
标签:CSS基礎教程
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17