css 设置图片不平铺
一、背景图片不重复不平铺,可以这样设定背景:
<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
这样背景图片就会固定住,不会因页面滚动而重复。
二、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">
background-repeat
定义和用法
background-repeat 属性设置是否及如何重复背景图像。
默认地,背景图像在水平和垂直方向上重复。
详细说明
background-repeat 属性定义了图像的平铺模式。
值 | 描述 |
---|---|
repeat | 默认。背景图像将在垂直方向和水平方向重复。 |
repeat-x | 背景图像将在水平方向重复。 |
repeat-y | 背景图像将在垂直方向重复。 |
no-repeat | 背景图像将仅显示一次。 |
inherit | 规定应该从父元素继承 background-repeat 属性的设置。 |
推荐:css手册
以上就是css 设置图片不平铺的详细内容,更多请关注0133技术站其它相关文章!