前不久做项目，要用到大量的页面圆角的框块，以前实现的时候都是用图片做背景之类的方法，那种方法对于少数的还是比较可行的，但是当涉及到整个项目都要用 到这样的效果时就显得不够优化和简练了。

所以我就想用一个既方便调用又方便更新的方法来实现，结果如愿以偿。先将此技术点总结如下： 在此之前我也寻找过目前网络上最流行的做法的实现方案，大体共总结出7种方法，但是发现他们的方法多多少少都存在缺陷，后来我自己做出了我自己觉得满意的方法。 先看目前网络上最流行的7种做法： １，无图片纯css圆角框 收录理由：兼容性强，不用图形 图一 特点： 1.不用任何图形，使用很多个div容器模拟出圆角效果。 2.兼容性：通杀所有浏览器 缺点： 1.构造这个圆角需要加入太多的无语义的标签，结构比较冗余。