本节简介:讲解盒子模型的边框属性,利用边框制作“圣诞树”案例
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
边框做小三角 内容宽高设成0 border:数值px solid transparent; border-top-color:green;
小三角的形的做法,设置border值,宽高设置成0,然后修改其中一个边的颜色,剩下的三个边设置成透明色(transparent).如{width:0px;height:0px;border:20px solid transparent;border-top-color:green;}
margin-top:-200px;margin可以是负值。
border:20px solidtransparent;将边框设置为透明色
border-bottom-color:blue;只改变颜色
dashed 虚线 dotted 点线 double 双实线