本节简介:本节课主要为大家介绍页面边框和阴影的做法,以及在网页设计中的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
边框的三要素:颜色,粗细,样式 solid 实线 dotted 点线
过渡:初始值上加transition:0.3s;transparent:(透明 ),,阴影:box-shadow: x轴(0px) y轴(20px) 模糊程度(10px) 颜色(#000)
border-top-color: (设置边框顶部颜色),,box-shadow:10px;(盒子水平阴影),,transparent:(透明 ),,transition:(过渡),,
border-color:ff6600;(设置边框颜色) border-width:5px;(边框粗细),,border-style:(边框样式),,solid(实线),,dotted(点线),,dashed(虚线),,
ditted 点线 dashed虚线 solid实线 transparent透明 transition过渡
阴影效果:.box{width:300px;height:400px;-webkit-box-shadow:0px 5px 10px #333333;box-shadow:0px 5px 10px #333333;}