使用Div+CSS纯图片实现圆角矩形的方法小结

2020-05-05 07:20:36易采站长站整理

优点:代码足够风骚。
缺点:代码略臃肿、CSS要求较高、IE6需要知道具体宽度。
原理简析:主要利用负Margin 技术让俩个div 重叠,“挤”出俩个圆角,实现出图片圆角效果。

上面五种图片圆角实现方式,除了最后一种略微不适合实际中运用外,前面四种都可以很好的兼容各个浏览器且兼顾了一定的开发效率。个人比较推崇滑动门法和负Margin 法这俩种方法。当然没有最好的方法只有最适合的自己方法,根据自己的需要来选择一种适合自己的方法才是最棒的方法,希望本文能够给你带来些许的帮助与启发。