首页 >> 综合精选 >

css怎么设置背景不动

2022-11-30 00:05:02 来源：用户：

跟大家讲解下有关css怎么设置背景不动，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说css怎么设置背景不动，小编也收集到了有关css怎么设置背景不动的相关资料，希望大家看到了会喜欢。

css设置背景不动的方法：首先创建一个HTML示例文件；然后输入head标签和css样式标签代码；接着在style标签之间，输入定义网页背景图片的代码；最后设置“background-repeat:no-repeat”属性即可。

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

首先我们打开系统记事本程序，输入网页基本代码

然后输入head标签和css样式标签代码

点击style标签之间，输入定义网页背景图片的代码

body { background-image:url('d:/bg.gif'); }

然后在正文body标签下输入一些主体标签和内容

<body> 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 图像不会随页面滚动。 </body>

点击文件，另存为命令，将内容保存为html格式后，打开网页预览下。

大家发现现在这种状态，我们滚动鼠标滚轮时候，网页内容和背景图片是同时滚动的，为便于查看，我们修改下代码，让图片不重复显示。

然后再预览效果。

这样可以很明显的看出来背景图片的变化，为了固定背景图片，我们修改代码为

再来看下效果。

【推荐学习：css视频教程】

以上就是css怎么设置背景不动的详细内容，更多请关注php中文网其它相关文章！

来源：php中文网

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。如有侵权请联系删除！