网页设计的小问题,,,

就是使用html标签时,我在body里设置一张背景图片,然后浏览器打开发现横向填充了一张半,生生被截断了,请问有哪个属性可以把图片设置成背景,横向只占一张图片,竖向按图片比例自动适应,

既然是网页设计,那图片的分辨率肯定是要满足电脑屏幕的要求。用ps设计好图片分辨率然后再用background-size:cover; 使图片自适应电脑屏幕大小
如果图片只是背景颜色,可以用repeat-x 水平平铺。

首先你要知道 图片拉伸会带来什么后果: 图片走形 甚至看不清楚图片是什么。

css代码:

 background-size:cover;  

会导致图片呗拉伸而变形。

 background:url(xxxxx.jpg) no-repeat center top;

css中no-repeat一般用在元素backgroud-repeat的设置中,含义为不平铺;
一般与background-image 一起使用;
此图片做背景时不平铺;

background:url(xxxxx.jpg) no-repeat center center;

background-size:cover;