在html中,怎么设置背景图片不重复不平铺,只显示一张图片

2017-06-13css教程
956

背景图片不重复不平铺,可以这样设定背景:
1、<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
这样背景图片就会固定住,不会因页面滚动而重复。
2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">
The End

相关推荐

背景图片自适应浏览器分辨率大小并自动拉伸全屏代码
下面是“背景图片自适应浏览器分辨率大小并自动拉伸全屏”的完整攻略。...
2023-12-15 css教程
367

Html5实现首页动态视频背景的示例代码
实现首页动态视频背景,可以使用HTML5的video标签,下面是具体的示例代码和操作步骤:...
2023-12-15 css教程
397

css中style和class的加载顺序示例介绍
让我们来详细讲解“CSS中style和class的加载顺序示例介绍”的攻略。...
2023-12-15 css教程
124

HTML blockquote 标签使用与美化
接下来我将详细讲解一下 HTML blockquote 标签使用与美化的完整攻略。...
2023-12-15 css教程
305

样式表CSS布局经验
当我们设计网站时,样式表CSS布局是一个非常重要的部分。它可以使我们的网站看起来更加美观,同时使网站更加易于导航和使用。以下是一些在CSS布局时应该遵循的经验。...
2023-12-15 css教程
59

div css 鼠标悬停在div层上时,div背景色改变
要实现鼠标悬停在 div 层上时,div 的背景色改变,有以下几个步骤:...
2023-12-15 css教程
553