12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
ADADADADAD
编程知识 时间:2024-12-24 19:32:08
作者:文/会员上传
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
在CSS3中新增加了很多新的属性,其中一些比较常用的属性如下:.box {/* 圆角 */border-radius: 10px;/* 阴影 */box-shadow: 0 0 5px #999;/* 透明度 */opacity: 0.7;/* 过渡 */
以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。
在CSS3中新增加了很多新的属性,其中一些比较常用的属性如下:
.box {/* 圆角 */border-radius: 10px;/* 阴影 */box-shadow: 0 0 5px #999;/* 透明度 */opacity: 0.7;/* 过渡 */transition: all 0.3s;/* 弹性盒子布局 */display: flex; }
以上属性的详细说明如下:
1. border-radius:用于设置元素的圆角半径,单位为像素(px),当只设置一个值时,表示四周都是相同的圆角半径,当分别设置四个值时,分别表示左上、右上、右下、左下的圆角半径。
2. box-shadow:用于设置元素的阴影效果,有三个值分别代表阴影的水平偏移、垂直偏移和模糊半径,后面的颜色值表示阴影的颜色。
3. opacity:用于控制元素的透明度,值的范围是0~1之间,0表示完全透明,1表示完全不透明。
4. transition:用于设置元素的过渡动画效果,第一个值表示要过渡的属性,第二个值表示动画的持续时间,单位为秒(s)。
5. display:用于设置元素的布局模式,flex布局可以实现更加灵活的布局效果,详见flex布局相关教程。
11-20
11-19
11-20
11-20
11-20
11-19
11-20
11-20
11-19
11-20
11-19
11-19
11-19
11-19
11-19
11-19