对，你没有看错，就是“纯图片”，不是纯代码实现而是利用图片来实现的圆角。你或许会不以为然，可是我想告诉你的是即使将来CSS3圆角实现全浏览器兼容，但在当下图片圆角依旧是主流，丰富的图片效果（渐变、阴影、透明度、圆角、浏览器兼容、开发维护效率）这些是用代码实现远远不可比拟的。所以说图片圆角在实战中的重要性是有目共睹的，掌握图片圆角的技巧为日常开发打下坚实的基础。下面开始剖析各个图片圆角的实现技巧，你会发现原来用图片实现的圆角也会那么的丰富多彩！

大致的demo就是这样：

1.全部浮动法

CSS代码如下：

优点：简单、方便、易上手。
缺点：需要清除浮动、圆角图片留白处不能透明。
原理简析：三个div 一起浮动，左右俩个div 放置圆角，外包div 使用背景平铺。

2.左右浮动法

CSS代码如下：

优点：简单、易上手。
缺点：需要清除浮动。
原理简析：左圆角左浮动，右圆角右浮动，主体直接放后面。

3.滑动门法

CSS代码如下：

优点：代码精简、自由度大。
缺点：CSS要求较高、滑动门切图要求多。
原理简析：使用一个内嵌标签，外部标签为左圆角，内嵌的标签包含了背景与右圆角。

4.负Margin法

CSS代码如下：

优点：简单直接，开发效率高。
缺点：需理解负Margin 用法，特定的切图方式。
原理简析：主要利用负Margin 技术让俩个div 重叠，“挤”出俩个圆角，实现出图片圆角效果。

5.负左Margin法

CSS代码如下：

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

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