css如何设置背景图片不平铺-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

方法：1、使用background-attachment属性，语法“background-attachment:fixed”；2、使用background-repeat属性，语法“background-repeat:no-repeat”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

背景图片不重复不平铺，可以这样设定背景：

1、这样背景图片就会固定住，不会因页面滚动而重复。

1	`<body` `style="background-image: url("图片文件地址"); background-attachment: fixed;">`

2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：

1	`<body` `style="background-image: url("图片文件地址"); background-repeat:no-repeat;">`

推荐学习：css视频教程

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者