css中如何设置背景不动

这篇文章主要介绍了css中如何设置背景不动,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

css设置背景不动的方法:首先创建一个HTML示例文件,然后输入的头标签和css样式标签代码,接着在风格标签之间,输入定义网页背景图片的代码,最后设置“平铺方式:没有重演”属性即可。

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

& lt; html> 　　,& lt; body> 　　,& lt;/body> 　　& lt;/html>

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

& lt; head> 　　& lt;才能style 类型=拔谋?css"比; 　　& lt;才能/style> 　　& lt;/head>

点击风格标签之间,输入定义网页背景图片的代码

的身体 　　{, 　　背景图像才能:url (& # 39; d:/bg.gif& # 39;); 　　}

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

& lt; body> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt; p>图像不会随页面滚动。你们;/p> 　　& lt;/body>

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

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

& lt; style 类型=拔谋?css"比; 　　body  　　{ 　　背景图片:url (d:/bg.gif); 　　平铺方式:不再重演; 　　} 　　& lt;/style>

然后再预览效果。

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

& lt; style 类型=拔谋?css"比; 　　body  　　{ 　　背景图片:url (d:/bg.gif); 　　平铺方式:不再重演; 　　background-attachment:固定 　　} 　　& lt;/style>

再来看下效果。

感谢你能够认真阅读完这篇文章,希望小编分享的“css中如何设置背景不动”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

css中如何设置背景不动