css 背景平铺

html-css027

css 背景平铺,第1张

不平铺应该是background-repeat:no-repeat背景图片等于整个网页的宽和整个网页的高不好实现,因为图片会变形,屏幕太大会让图片失真,用大图片又会影响网页打开速度,

如果背景是纯色,那就不存在平不平铺的问题,文字有多长,背景就有多长。

如果背景是图片,background-repeat:repeat-x这个意思是在水平方向平铺,background-repeat:repeat-y这个意思是在垂直方向平铺

如果是要平铺的图片只能做成单张的图片,集合图片(css

sprite)是不行的。

至于实现平铺效果用:

background-repeat:repeat

background-repeat:repeat-y

background-repeat:repeat-x

再看看别人怎么说的。