复制代码
border-bottom-left-radius: 20px 500px; border-bottom-right-radius: 500px 30px; border-top-right-radius: 5px 100px;
当然，FireFox浏览器下的写法不是如此，其bottom, left是连起来的，而不是”-”分隔，这里仅仅是示意，这里的微曲线是如何实现的。相信看到上面的代码就知道意思了，这里就不啰嗦了。
还有其他些细节，如如何控制行高让文字与隔线一一对应，这些您要是有兴趣可以去demo页面，通过查看元素等方法一看究竟。
四、最后点老生常谈
难免的，本文的重点在于CSS3，所以就本文而言，IE6/IE7/IE8浏览器就是过来打酱油的，且三个纸张效果从一而终，都是下面这副模样：
虽然没有透明胶效果，没有投影，没有卷边，更没有分隔线，但是，就功能上来讲，一点都不影响使用。所以，无论你是渐进增强还是退求其次，纸张投影效果在实际项目中的应该也不是不可以的，这就要看个人和团队的抉择了。
其实对于IE浏览器，我们可以借助于javascript，添加部分效果，例如透明胶带的创建，曲线投影效果等。原理如 下：:before/:after伪类创建的元素在IE下使用javascript创建，旋转投影等都可以借助IE的滤镜实现。但是，还是要看个人和团 队，愿不愿意花这个成本了。
就这些，感谢阅读。文中要是要表述不准确的地方，欢迎指正，不甚感谢。
