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 右框線 以上是建議...