HTML中CSS引入图片并铺满背景

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>背景图片拉伸铺满页面</title>
        <link type="text/css" rel="stylesheet" href="img.css"/>
    </head>
    <body>
    </body>
</html>

CSS（图片不拉伸）

body{
    background-image: url(../../img/002.jpg);
    background-size: cover;
　　/*是否重复*/
    background-repeat: no-repeat;
}

 CSS（图片拉伸）

body{
    background-image: url(../../img/002.jpg);
    background-size: 100% 100%;
　　/*是否重复*/
    background-repeat: no-repeat;
}

 

posted @ 2021-05-02 17:58  悬剑丶  阅读(512)  评论(0)  编辑  收藏  举报