HTML内嵌式CSS背景图填充满无截断重复

最新推荐文章于 2024-06-17 10:49:59 发布

原创最新推荐文章于 2024-06-17 10:49:59 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #CSS #background #Web #背景图全屏

博客直接给出代码，涉及HTML和CSS技术，用于实现背景图全屏效果，属于前端开发领域。

话不多说，直接上代码。

<head>
    
    <style>
        html,body{
        width:100%;	
        height:100%;
        }
        body{
        margin:0;	//这里一定要有，否则可能会出现重复或被边框截断
        background-image:url(......) ;	//将括号内的省略号题换成图片目录即可
        background-size:cover;	//平铺全屏
        background-size:100%100%;
        
        
    
        }
    </style>
</head>