本節簡介:講解盒子模型的邊框屬性,利用邊框制作“圣誕樹”案例
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
邊框格式:粗細、顏色、樣式 border-top-color:#fff只改變邊框顏色
盒子的邊框:dotted(點線) solid(實線)虛線(dashed)雙實線(double)
制作三角: .sanjiao{with:0; height:0; border:20px solid transparent 透明; border-top-color:red; }
border:3px red solid; 再寫border-top:3px blue solid 代碼是下方代碼覆蓋上方代碼的,呈現的效果是 上邊框是藍色其他邊框是紅色
border{# 顏色 ;dashed 虛線段; dotted 點線; double 雙實線;solid 實線 ; transparent透明的} 只設置一邊的邊距:border-top;
制作三角 類{ width:賦值;height:賦值;border:賦值 solid transparent;border-top-color:賦值}
border-top-color 只改變上邊框顏色