1、新建一个HTML文档,并定义一个包含图片的<div>。
2、保存文件以后,预览文档的原始效果。
3、定义div的CSS属性,示例: <style>.shadow{ /*需要先定义元素的宽高*/width: 275px
height: 95px}</style>。
4、阴影部分的box-shadow详细设置。
5、设置之后,保存文件,预览查看BOX-SHADOW的效果。
直接使用box-shadow:5px 5px 10px black inset属性设置样式样式就可以了。前两个值(5px 5px)是水平和垂直方向的偏移量,正值阴影就会向左向下偏移,负值反之;
第三个值(10px)是设置模糊距离;
black就是阴影的颜色啦;
最后一个inset是在元素内部创建一个阴影,也就是内阴影了;
删除掉inset就是设置外阴影了