css邊框普通屬性

2022-06-07 13:36:11 字數 708 閱讀 9922

border :(邊框);

其實現在的border是三個屬性合成的,

border-width:邊框大小;

border-style:邊框的樣式;

border-color:邊框的顏色;

合成以後的用法更方便,如下:

border:size pattenr color; size:邊框大小,如1px;pattenr:線條模式,solid實心線條; color:邊框顏色,如red紅色;

可以不按順序寫,就算其中有項不寫,也不影響輸出,都有自己的預設樣式;

border-style,用於設定元素所有邊框的樣式,或者單獨地為各邊設定邊框樣式。只有當這個值不是 none 時邊框才可能出現。

例子如下:

border-style:dotted solid double dashed; 

上邊框是點狀,右邊框是實線,下邊框是雙線,左邊框是虛線;

盒模型的四個屬性:

content(內容含width,height)-padding(填充/內邊距)—border(邊框)—margin(邊距/外邊距)—border邊框(影響實際寬高)

box-sizing: border-box;屬性把邊框設定成盒子的內邊框

CSS邊框屬性

這個屬性用來設定上下左右邊框的風格,它的值如下 這個屬性用來設定上下左右邊框的寬度,它的值如下 演示示例 分別用medium,thin,thick和長度單位定製的css邊框寬度屬性示例 這個屬性用來設定上下左右邊框的顏色。例句如下 d5 演示示例 這個屬性是邊框屬性的乙個快捷的綜合寫法,它包含bor...

CSS邊框屬性

這個屬性用來設定上下左右邊框的風格,它的值如下 這個屬性用來設定上下左右邊框的寬度,它的值如下 演示示例 分別用medium,thin,thick和長度單位定製的css邊框寬度屬性示例 這個屬性用來設定上下左右邊框的顏色。例句如下 d5 演示示例 這個屬性是邊框屬性的乙個快捷的綜合寫法,它包含bor...

CSS顏色屬性,邊框屬性

color name 顏色英文名稱命名 hex方式 十六進製制方式 rgb方式 三原色配色方式 r red 紅色 0 255 g green 綠色 0 255 b blue 藍色 0 255 a alpha 透明度 0 1之間 語法 rgba r,g,b,a h hue 色調 0 或360 表示紅色...