html用九张图片做出九宫图,.九图片详解和制作

原文转自：http://www.educity.cn/wenda/101428.html

.9图片详解和制作

一、Button背景问题

这是一张普通的.png图片(非点9图片)。

我想要将它作为button的背景图片，但是button或高或宽，或大或小，背景图片就会相应的缩放。

可以看到上图中的几张图片的四个角都已经有了明显的锯齿，而四条边(直线部分)都很光滑，图片中间部分也看不到模糊的痕迹。那有没有办法让图片缩放时四个角不变模糊，也就是四个角不随图片整体做放缩，这样的话不论button或高或宽，或大或小，背景图片都不会变模糊？

二、如何解决这个问题

可以将图片划分为九个区域，四个角、四条边和中间区域。

四个角不做放缩，当图片要水平拉长时ÿ