css3阴影

今天给大家讲一下如何利用css3做出一个盒子模型的阴影，效果图如下：

首先第一步我们先在head标记里把style标签写上，然后去掉默认样式，代码如下图：

第二步创建一个盒子模型，代码如下图：

我们首先给盒子的宽和高200px，然后给盒子一个颜色，比如红色。接着再给盒子
一个1px的黑色边框，为了美观我们给盒子加了一个margin值。
这样我们的盒子模型就创建好了，然后我们就可以给盒子模型添加阴影了。

最后我们给盒子模型加上阴影，代码如下图：

这里我们利用box-shadow代码，给盒子四周都加了10px的阴影，这样我们的盒子模型
的阴影就做好啦。