在HBuilder里,一个.html文件怎么添加一个背景图片啊!铺满全屏

在HBuilder里,一个.html文件怎么添加一个背景图片啊!铺满全屏,第1张

加入如下 CSS:

body {

    background-image: url("背景图片(如果跟CSS不在同一路径下,记得改相对或绝对路径).jpg")

    background-size: cover

    background-repeat: no-repeat

    background-attachment: fixed

}

可以设置。根据查询hbuilderx照片相关资料得知,hbuilderx照片大小可以设置。

1、首先打开hbuilder编辑器,新建一个html文件,里面设置一个div标签并设置div的固定宽度和高度。

2、其次在div里面插入一张图片,将图片的宽度设置为和父级一样的宽度,代码就是width:100%,这里的100%会自动跟随父级的宽度。

3、然后接着将父级的高度去掉,这样父div中的img的高度就能自动化,还要将图片设置为“display:block”转为块状就可以了。

4、最后打开浏览器就能看到一个铺满整个div的图片了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7916073.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存