本节简介:本节课主要为大家介绍页面边框和阴影的做法,以及在网页设计中的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
transition:描述是鼠标触碰它会有种向上移的感觉
在css中给某一标签的border后面加transparent是透明度
blur:模糊半径 spread:扩展半径 inset:阴影方向 v-shadow:向下 transition:过渡效果
dottde 点线 dashed 虚线 double双实线
阴影简写:box-shadow:0px(x轴移) 5px(y轴移) 20px(模糊) 颜色;
阴影移上下更柔和,transition过渡(不要加在hover那)
边框阴影,shadow阴影 blur模糊值越大越柔和 spread扩展 inset(内阴影)插图
用边框属性做三角形,区块大小设0 边框设大小,属性,颜色( transparent透明的),在设顶部什么颜色
位置可换。简写如border:solid #ff6600 5px;
border边框 border-style边框样式(solid实线 botted点线 dashed虚线 double双实线)设边框要选择颜色,大小,样式才显示
transition属于初始状态的元素,不是hover触发的元素