本节简介:讲解CSS3新增的圆角、阴影及不透明度等参数设置
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
阴影的设置代码.box4{width:200px;height:200px; background:#F000;margin:50px;box-shadow:10px 20px 20px 5px #990033 inset;}
.box5{width:100px;height:100px; margin:50px; background:rgba(0,255,240,0透明值;)}透明度是0-1
阴影的设置代码.box4{width:200px;height:200px; background:#F000;margin:50px;box-shadow:10px 20px 20px 5px #990033 inset;}
.box{width:200px; height:200px;background:#0cc;margin:100px;border-radius:50%;}
阴影 box-shadow 在网页中添加阴影,例如 box-shadow有六个参数 x轴偏移 Y轴偏移 阴影模糊半径,阴影扩展半径阴影颜色阴影类型。例:box-shadow,10px 10px 5px 5px red inset;
圆角 border-radius 类似padding 和margin的写法 border-radius一个值代表四个角,2个值代表上左和对角 上右和下左 3个值 上 上右和下左, 下, 4个值 顺时针 上下左边
阴影 box-shadow 在网页中添加阴影,例如 box-shadow有六个参数 x轴偏移 Y轴偏移 阴影模糊半径,阴影扩展半径阴影颜色阴影类型。例:box-shadow,10px 10px 5px 5px red inset;
圆角 border-radius 类似padding 和margin的写法 border-radius一个值代表四个角,2个值代表上左和对角 上右和下左 3个值 上 上右和下左, 下, 4个值 顺时针 上下左边
opacity:0.5 全局透明(属性)、background:rgba(255,0,0,0.5)背景透明(属性值)