也谈网页圆角的背景图法

网页的圆角处理，其实最开始的九宫格的表格处理是挺方便的，只是现在都不用表格布局了，自然就被非法取缔了。呵呵。

微软的有VML画圆角，由于只是它自家的特产，大家也都不用了，再有就是Javascript的处理方法，很多都会影响页面性能，大家也都不爱用了。

剩下来的，就只能是老老实实地用背景图了。常用的方法有：

1、固定高度的情况下，我们通常把背景图的宽度拉到足够大，做一个大图，如下：

2、同样，固定宽度的话，我们就拉长高度，如下：

原理都是一样的，就是2头拼凑到一块形成整体。第二种方法会因为在实际使用中图片可能会拉太长，我们一般会将它分为3块来实现，即头部、中间(1px背景垂直拉伸)、和底边。