我的徽标不会出现在标题上，正确的文件路径是什么？

Question

// HTML

<div class="logo">
            <img src="OneDrive/sublime/logo.png" alt="hi">
        </div>
    <div class="row">
        <ul class="main-nav">
            <ul>
                <li class="active"><a href="index.html">HOME</a></li>
                <li><a href="#">ABOUT</a></li>
                <li><a href="#">CONTACT</a></li>
                <li><a href="#">STUDY</a></li>
                <li><a href="#">SERVICE</a></li>
                <li><a href="blog.html">BLOG</a></li>
            </ul>
        </ul>
    </div>

// CSS

.logo   {
width: 150px;
height: auto;
float: left;
margin: 20px;
background: url('logo.png');
          }

我将图像放在OneDrive上的OneDrive文件夹中，然后将徽标放在该文件夹中。我使用Windows10。由于某种原因，图像被裁剪。我希望可以显示整个图像，而不只是其中的一部分。有一个叫做OneDrive的东西，我创建了一个名为'sublime'的文件夹，然后在其中放置徽标为'logo.png'。

Answer 1

如果使用图像标签（），那么在.logo类中使用background：url（'logo.png'）的目的是什么？