本节简介:讲解盒子模型的边框属性,利用边框制作“圣诞树”案例
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
小三角的形的做法,设置border值,宽高设置成0,然后修改其中一个边的颜色,剩下的三个边设置成透明色(transparent)
dotted:虚线 double:双实线 solid:实线
border: 20px solid transparent; transparent表示透明的意思
通过边框制作三角:.sanjiao{ width:0px; height:0px; border:20px; solid transparent; bodder-top-color:gray}
边框描述规则:粗细,颜色,样式{border:2px #ccc solid}solid:实线 dashed:虚线 dotted:点线 double:双实线。
通过边框制作三角:{width:0 height:0 }透明色:transparent,设置border-bottom-color:
边框描述规则:粗细,颜色,样式{border:2px #ccc solid} solid:实线 dashed:虚线 dotted:点线 double:双实线
通过边框制作三角:{width:0 height:0 }透明色:transparent,设置border-bottom-color:
边框描述规则:粗细,颜色,样式{border:2px #ccc solid}dotted:点线 double:双实线。
三角形的制作, width:0px; height:0px;border:10px solid transparent(透明色);border-top-color:颜色