Question

使用括号编辑器。这里

我试图通过链接index.html的stylecss将图像插入到class = portrait div中，但不会插入。

其他教程都使用此。

但是为什么它对我不起作用？

index.html

<html>
    <head>
        <title> My name's lEEGANG</title>
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div clas="portrait"></div>
        <div clas="profile">profile</div>
    </body>
</html>

style.css

body{
    margin: 0; 
}

body{
    background-color: #111;
    color: #999;

}
.portrait {
    background-image: url(images/profile.png);
    height: 200px;

}

Answer 1

请检查HTML代码中的 class 拼写

clas =“ portrait”->应该是双s“ ss”

应为：

<div class="portrait"> </div>

如果div为空，也请在CSS中添加宽度

.portrait {
    background-image: url(images/profile.png);
    height: 200px;
    width: 200px;
}

CSS背景图片网址在使用方括号时不起作用

1 个答案: