CSS发展到CSS3版本之后，在前端的表现越来越出现，例如，使用CSS3可以实现一个阴影效果，只要使用CSS的属性box-shadow即可box-shadow语法：offset-x offset-y[ blur spread color position];
工具/原料
1
电脑一台
2
CSS
方法/步骤
1
新建一个HTML文档，并定义一个包含图片的
2
保存文件以后，预览文档的原始效果，
3
定义div的CSS属性，示例：
4
阴影部分的box-shadow详细设置，示例： /*定义BOX的阴影属性*/ box-shadow: 10px 10px 5px #333; /*常用的是以上4个属性，分别是： 1、横坐标偏移量(相对于元素的左上角定点)； 2、纵坐标偏移量(相对于元素的左上角定点)； 3、模糊距离（对阴影边界进行模糊处理，防止过于锐利）； 4、阴影部分的颜色*/
5
设置之后，保存文件，预览查看BOX-SHADOW的效果，
注意事项
1
重点在第四步
2
喜欢此经验，请投票和点赞
上一篇：css制作打钩图标
下一篇：css如何制作搜索图标
推荐信息
- 1
用css画三角形
- 2
怎么用CSS实现一 个三角形
- 3
怎么利用CSS3绘制三角形
- 4
网页如何使用HTML+CSS实现三角形
- 5
纯CSS实现三角形图标
- 6
CSS如何用border画三角形
- 7
HTML5,CSS3学习之路（一）用纯css3绘制三角形
- 8
无需图片纯CSS三角形，大小，颜色可变
- 9
如何用CSS制作一个三角形图形
- 10
CSS如何实现一个三角形呢？
- 11
css如何制作一个三角形
- 12
css3怎样写三角形
- 13
用CSS代码绘制精美双色三角形的技巧
- 14
如何用css实现弧度圆角?三角形以及圆形
- 15
用CSS代码在网页上绘制漂亮的三角标记
- 16
css如何制作带三角的提示框
- 17
CSS3制作各种形状图像
- 18
CSS+HTML实现图片角标或者效果
- 19
如何使用CSS font-variant 属性
- 20
css如何制作菱形
- 21
怎样实现产业化渲染流程的真实感
- 22
平底凉鞋哪个好,如何挑选平底凉鞋
- 23
夏天凉鞋这么穿，绝对不会土！美爆！
- 24
游戏设计课程有哪些？什么学校有游戏专业？
- 25
如何为孩子选购凉鞋？
- 26
秦时明月游戏如何下载及安装
- 27
如何选购皮凉鞋 ，挑选皮凉鞋的方法有哪些？
- 28
凉鞋磨脚怎么解决？
- 29
提高凉鞋舒适性能的几个办法
- 30
夏天这样搭配凉鞋和指甲油的颜色，清凉时尚完美
- 31
靴子要“减负”追赶透视风潮
- 32
凉鞋不跟脚怎么办
- 33
凉鞋带你清凉度夏 如何选购凉鞋
- 34
皮凉鞋哪个好,如何挑选皮凉鞋
- 35
凉鞋脱胶了怎么办
- 36
凉鞋巧搭 清凉一“夏”
- 37
为心爱的凉鞋找到非常合适的甲油伴侣
- 38
夏季凉鞋挑选技巧，如何根据脚型选凉鞋
- 39
凉鞋坏了如何自己修理呢？
- 40
2019最火的夏季凉鞋