纯css打造凹进与突出效果
1.凹进效果
![](http://images0.cnblogs.com/blog/688791/201501/071104446098067.jpg)
background:#f2f2f2 center repeat;
border-bottom: 1px solid #e9e9e9;
border-top: 1px solid #f9f9f9;
border-top: 1px solid #f9f9f9;
2.突出效果
![](http://images0.cnblogs.com/blog/688791/201501/071110168908119.png)
background:#f2f2f2 center repeat;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #f9f9f9;
border-bottom: 1px solid #f9f9f9;