css 盒子邊框 border

2021-10-02 13:35:31 字數 617 閱讀 6801

1、css 邊框屬性

border-width

border-style

border-color

1.1 邊框樣式 border-style :

border-style 值:

none: 預設無邊框

dotted: 定義乙個點線邊框

dashed: 定義乙個虛線邊框

solid: 定義實線邊框

1.2邊框顏色 border-color

1.3邊框-簡寫屬性

border: 邊框粗細 邊框樣式 邊框顏色

border:5px solid red;

使用者名稱:

密碼:

1.4邊框-單獨設定各邊

border-top: 5px solid red; 上邊框

border-left: 4px dashed green; 左邊框部落格搬家

CSS 邊框 border 例項

所有邊框屬性在乙個宣告之中 本例演示用簡寫屬性來將所有四個邊框屬性設定於同一宣告中。設定四邊框樣式 本例演示如何設定四邊框樣式。設定每一邊的不同邊框 本例演示如何在元素的各邊設定不同的邊框。所有邊框寬度屬性在乙個宣告之中 本例演示用簡寫屬性來將所有邊框寬度屬性設定於同一宣告中。設定四個邊框的顏色 本...

CSS 邊框 border 例項

css 邊框 border 例項 元素的邊框 border 是圍繞元素內容和內邊距的一條或多條線。css border 屬性允許你規定元素邊框的樣式 寬度和顏色。css 邊框屬性 屬性 描述 border 簡寫屬性,用於把針對四個邊的屬性設定在乙個宣告。border style 用於設定元素所有邊框...

css盒子模型之邊框線border的使用技巧

總結1 border 10px solid 000 如果沒有指明方向的情況下,表示4個方向的邊框線,而且邊框線相等 上邊框線border top 右邊框線border right 下邊框線border bottom 左邊框線border left 總結2 去掉邊框線border 0 如果border...