html让背景图铺满整个页面

最新推荐文章于 2024-05-11 12:19:08 发布

徊忆羽菲

最新推荐文章于 2024-05-11 12:19:08 发布

阅读量8.2k

点赞数 7

分类专栏： Html

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/122367313

版权

CSS 背景图背景填充 background-size background-attachment

关键词由CSDN通过智能技术生成

Html 专栏收录该内容

248 篇文章 8 订阅

订阅专栏

html让背景图铺满整个页面

<style> 
 body {
   background:url("zz.jpeg")  no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
   background-size:cover;  /* 让背景图基于容器大小伸缩 */
   background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */    //此条属性必须设置否则可能无效/
   background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */
 }
</style>
 <html>
 <body>
 </body>
 <html>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

徊忆羽菲

关注关注

7
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
html让背景图铺满整个页面

html让背景图铺满整个页面<style> body { background:url("zz.jpeg") no-repeat center center; /*加载背景图*/ /* 背景图不平铺 */ background-size:cover; /* 让背景图基于容器大小伸缩 */ background-attachment:fixed; /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */ //此条属性必须
复制链接

扫一扫