html image图片不拉伸,css引用图片，有图片属性是两端不拉伸中间拉伸的css属性吗...

楼主的需求，我的理解应该是类似于 android NinePatch 图片

CSS中有一个border-image 差不多的功能，不知道是不是合适楼主，你可以看一下

JS Bin

这是我使用的图片

看我被图片包围了

楼主的图片

楼主要的效果

css部分

#round

{

-moz-border-image:url(http://www.w3school.com.cn/i/border.png) 30 30 round; /* Old Firefox */

-webkit-border-image:url(http://www.w3school.com.cn/i/border.png) 30 30 round; /* Safari and Chrome */

-o-border-image:url(http://www.w3school.com.cn/i/border.png) 30 30 round; /* Opera */

border-image:url(http://www.w3school.com.cn/i/border.png) 30 30 round;

}

#round2 {

-webkit-border-image:url(https://sfault-image.b0.upaiyun.com/333/390/3333902996-5a02cf581ceb1_articlex) 40 40 ;

border-image:url(https://sfault-image.b0.upaiyun.com/333/390/3333902996-5a02cf581ceb1_articlex) 40 40 repeated;

}