页面元素的边框是我们常见的属性，无非就是一些线条的控制用来区分区域，但是随着慢慢的学习，小编发现自己还是太年轻了...，一个简单但是绚丽区域分割就是可以通过边框阴影效果来实现的；
工具/原料
1
电脑
2
Sublime text 2
方法/步骤
1
首先我们先写一个简单的静态页面，里面就放置一个 div ， 之后用来演示，如何控制 div 的边框阴影，达到绚丽的效果；
2
首先，我们先把 div 的样式控制一下；width ，height 控制 宽和高；margin 控制外边距，顺便将 div 放置到页面中间；border，让没有内容的 div 显现；
4
然后我们先简单的控制一边的阴影效果，阴影颜色设为黄色；box-shadow：； 这个属性就是控制阴影的，它的值有很多，我就不复述了，有兴趣的可以去查阅资料；
5
然后我们控制四边的阴影，达到最终的效果；代码如图，从上到下，分别控制边框的 ‘ 上 右 下 左‘，每一边设置完后我们要用 逗号 隔开，最后再用分号结尾；（其实阴影控制可以达到非常厉害的效果，详细的知识点大家可以查查资料；这个属性的知识点真的是太多了......）
注意事项
仅作事例分享；
上一篇：文字添加鲜绿色阴影边框怎么弄
下一篇：会声会影中如何使用边框模板