小貝學習CSS邊框與邊界

2021-06-26 16:05:10 字數 1538 閱讀 9682

css邊框與邊界

1、css 邊框屬性

css邊框屬性允許你指定乙個元素邊框的樣式和顏色。

1.1、邊框樣式

邊框樣式屬性指定要顯示什麼樣的邊界。

remark border-style屬性用來定義邊框的樣式

1.2、邊框寬度

您可以通過 border-width 屬性為邊框指定寬度。

為邊框指定寬度有兩種方法:可以指定長度值,比如 2px 或 0.1em;或者使用 3 個關鍵字

之一,它們分別是 thin 、medium(預設值) 和 thick。

注意:css 沒有定義 3 個關鍵字的具體寬度,所以乙個使用者**可能把 thin 、medium 和

thick 分別設定為等於 5px、3px 和 2px,而另乙個使用者**則分別設定為 3px、2px 和

1px。

1.3、邊框顏色

border-color屬性用於設定邊框的顏色。可以設定的顏色:

name - 指定顏色的名稱,如 "red"

rgb - 指定 rgb 值, 如 "rgb(255,0,0)"

hex - 指定16進製制值, 如 "#ff0000"

您還可以設定邊框的顏色為"transparent"。

注意: border-color單獨使用是不起作用的,必須得先使用border-style來設定邊框樣式。

1.4、邊框-簡寫屬性

上面的例子用了很多屬性來設定邊框。

你可以在"border"屬性中設定:

border-width

border-style (required)

border-color

2、css padding(內邊界)

css padding(填充)屬性定義元素邊框與元素內容之間的空間。

當元素的 padding(填充)(內邊距)被清除時,所"釋放"的區域將會受到元素背景顏色的填充。

單獨使用填充屬性可以改變上下左右的填充。縮寫填充屬性也可以使用,一旦改變一切都改變。

3、css margin(外邊距)

css margin(外邊距)屬性定義元素周圍的空間。

margin清除周圍的元素(外邊框)的區域。margin沒有背景顏色,是完全透明的

margin可以單獨改變元素的上,下,左,右邊距。也可以一次改變所有的屬性。

border-style

border-color

border-width

border-color:red green blue orange;

border-color:red green;

border-color:red green blue;

內邊界

內邊界

15 CSS邊框與邊界

屬性名稱 屬性值說明 border style none 不顯示邊線 預設 dotted 點線dashed 虛線solid 實線double 雙線border width 長度邊框寬度 border corlor 十六進製制 邊框顏色 英文名稱 邊框顏色 三原色邊框顏色 可依序設定上,右,下,左邊框...

CSS控制邊界 邊框與外輪廓

一 css控制邊界 1 內邊距 padding 內邊距也叫內填充 padding bottom 長度 百分比 元件下端邊線的空隙 padding left 長度 百分比 元件左端邊線的空隙 padding right 長度 百分比 元件右端邊線的空隙 padding top 長度 百分比 元件上端邊...

CSS外邊框 邊界樣式常用組合

一 css框線一覽表 border top 1px solid 6699cc 上框線 border bottom 1px solid 6699cc 下框線 border left 1px solid 6699cc 左框線 border right 1px solid 6699cc 右框線 以上是建議...