100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html中怎样把背景图片置顶 HTML5中背景图片如何设置

html中怎样把背景图片置顶 HTML5中背景图片如何设置

时间:2022-08-29 16:35:40

相关推荐

html中怎样把背景图片置顶 HTML5中背景图片如何设置

我觉得网页背景设置成这样子已经挺不错的了~我很满意~~~

首先先看一下效果吧,差的效果图我就不放了:

可能第二张图片截图有点大,导致博客显示不太妙。那直接上代码吧:

body {

/*background: rgb(185, 246, 246);*//*设置颜色背景*/

background-image: url(photo5.png);/*设置背景图片*/

background-repeat:no-repeat;/*图片适应窗口大小,这里设置的是不进行平铺*/

background-attachment: fixed;/*图片相对于浏览器固定,这里设置背景图片固定,不随内容滚动*/

background-origin: border-box;/*从边框区域显示*/

background-size:cover;/*指定图片大小,此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小*/

}

所有的解释有备注了。大家可以尝试一下。个人认为还是不错的。这里直接在body标签中设置的。其实不设置图片也可以,找一种简单的色调设置一下也可以,比如注释掉的一行背景颜色。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。