本节简介:讲解盒子模型的边框属性,利用边框制作“圣诞树”案例
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
边框格式:粗细、颜色、样式 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 只改变上边框颜色