首先要知道盒子模型用的標籤是
必備的是實體化三屬性 width height background（背景屬性）
邊框屬性
①邊框樣式（border-style）
border-style:上邊[左邊 下邊 右邊];
樣式：double 雙實線 dashed 虛線 solid 單實線 dotted 點線
②邊框寬度（border-width）
border-width:上邊[左邊 下邊 右邊];
單位px
要先有樣式 才可以有寬度
③邊框顏色（border-color）
border-color:上邊[左邊 下邊 右邊];
border-top/right/bottom/left-color;
④綜合設定邊框
border:樣式 寬度 顏色;
不分先後，省略的用預設值
border-top/right/bottom/left:樣式 寬度 顏色;單側邊綜合屬性
⑤圓角邊框（border-radius）
border-radius:水平1 水平2 水平3 水平4/垂直1 垂直2 垂直3 垂直4;
引數取值單位：px或%
⑥邊框（border-image）
border-image:border-image-source/border-image-slice/border-image-width/border-image-outset/border-image-repeat;
border-image-source 指定路徑
border-image-slice 指定邊框影象頂、右、底、左的偏移量
border-image-width指定邊框寬度
border-image-outset 指定邊框背景的盒子外部延伸距離
border-image-repeat 指定背景的平鋪方式
border-image-repeat:stretch 拉伸填充
05盒子模型
目錄盒子模型用來 放 網頁中的各種元素 網頁設計中內容，如文字 等元素，都可以是盒子 div巢狀 網頁中盒子模型 寬度屬性 寬度with 最大寬度max width 最小寬度min width 長度值 百分比 auto 高度屬性 高度height 最大高度max height 最小高度min hei...
盒子模型，邊框
內邊距 padding 外邊距 margin 盒子居中對齊 margin 0 auto box sizing border box 限定盒子的寬度不受padding和margin影響 盒子陰影 box shadow 0 0 2px ccc 水平位置 垂直位置 模糊距離 陰影顏色 border 1px...
邊框盒子模型
邊框就是環繞在標籤寬度和高度周圍的線條 borde width 上 右 下 左 borde style 上 右 下 左 borde color 上 右 下 左 注意點 這三個屬性的取值是按照順時針來賦值的，也就是按照上右下左來賦值，額不是按照日常生活中的上下左右 這三個屬性的取值省略時規律 上右下左...