1、新建一个HTML文档，并定义一个包含图片的<div>。
2、保存文件以后，预览文档的原始效果。
3、定义div的CSS属性，示例： <style>.shadow{ /*需要先定义元素的宽高*/width: 275px
height: 95px}</style>。
4、阴影部分的box-shadow详细设置。
5、设置之后，保存文件，预览查看BOX-SHADOW的效果。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div{width: 250pxheight: 100pxborder: 5px solid bluebox-shadow: 0px 20px 20px -20px #5E5E5E}
3、浏览器运行index.html页面，此时只有div底部的边有阴影效果。
