css背景图片平铺不重复 css设置背景图片居中；css背景图片自动居中？

css设置背景图片居中；css背景图片自动居中？

1. 打开前端开发工具，创建一个新的HTML代码页

2。在HTML代码页上创建一个div标记来设置背景色，然后添加class=“BG img”

3。设置背景图像。创建一个样式标签，然后将BG img类的样式设置为背景图像、非重复图像、宽度和高度。样式代码：BG img{高度：100vhwidth:100ckground图像：URL（img/汽车.jpg)背景重复：无重复}]4。保存HTML代码并用浏览器打开。此时，您将发现浏览器上的背景图像显示在左上角。

5. 回到HTML代码页，将background position:Center属性添加到BG img类。

6. 保存HTML代码并刷新浏览器后，您会发现浏览器上的背景图像已自动居中。

我在css中给一个按钮贴上一张图，但是它是重复的，让它不重复怎么代码写？

背景-图片：url（图片地址）定义背景图片

背景重复：无重复定义背景图片不重复

背景位置：居中定义背景居中

背景附件：固定定义背景固定，不滚动参数固定

CSS制作网页背景图片居中。1第一种是像素设置。他们中的许多人使用这个，但它也是最麻烦的一个：<div style=“宽：800px高：600像素背景：url（图片地址）不重复250px 270像素边框：1px实心#中国交建“></div> 2。第二种：50%设置，非常方便。<div样式=“宽：800px高：600像素背景：url（图片地址）不重复50%50%边框：1px实心#中国交建“></div> 3。类型3：设置为中心（注：第二个中心可以省略，因为默认为中心）。<div样式=“宽：800px高：600像素背景：url（图片地址）无重复中心Centerborder:1px实心#中交“></div>

css背景图片平铺不重复 html图片不重复 html背景图不重复代码

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。