盒模型和邊框

2021-08-21 19:08:19 字數 1060 閱讀 6621

組成:

內邊距

內邊距是邊框和內容區域的距離

padding: 100px;
外邊距外邊距是盒子邊框和其他元素之間的距離

margin: 100px;
邊框樣式

border—style: ;

/*none:沒有邊框;

solid:單實線;

dashed:點線;

double:雙實線;

*/

單邊邊框樣式

border-top-style: ;

border-right-style: ;

border-bottom-style: ;

border-left-style: ;

邊框寬度

border-width: ;

/*單邊邊框寬度*/

/*border-top-width

border-right-width

border-bottom-width

border-left-width

*/

邊框顏色

border-color: ;

/*單邊邊框顏色*/

/*border-top-color

border-right-color

border-bottom-color

border-left-color

*//*透明邊框*/

border-color: transparent;

盒模型 內外邊距和邊框

盒模型 內容 內邊距 邊框 外邊距 如圖 邊框顏色 border color blue rgb 255,0,0 fff000 transparent 透明,預設值不常用可不記 邊框厚度 border width thin medium thick 1em 2px 0.1 thin 細邊框,mediu...

css 盒模型的邊框

邊框 邊框的寬度 border width 邊框的顏色 border color 邊框的樣式 border styleborder width 10px 預設值,一般都是 3個畫素 border width可以用來指定四個方向的邊框的寬度 值的情況 四個值 上 右 下 左 三個值 上 左右 下 兩個...

css盒模型。邊框和內外邊距

css盒模型 外邊距 邊框 內填充 內容 盒模型分為兩種 標準盒模型 怪異盒模型 ie盒模型 邊框 border border 10px solid blue 表示設定10畫素藍色實線條的邊框 是以下三個樣式的復合語法 border width 10px 設定邊框的寬度 border color b...