html - 如何使用css文件在不同的地方保留一些标志

Question

需要使用外部 css 文件在我的 index.html 文件中放置一些 Logo ，这是我的 html

<div class="container">
        <div class="col-md-4">
        <p><span class="glyphicon glyphicon-home"><br></span><b>LARGEST WAREHOUSES</b></p>
        <h6>Transport provide best theme for lioeiusmod tempor dolor list</h6>


       <p><span class="glyphicon glyphicon-pushpin"><br></span><b>GOOD TRACKING SUPPORTS</b></p>
        <h6>Transport provide best theme for lioeiusmod tempor dolor list</h6>

        <p><span class="glyphicon glyphicon-plane"><br></span><b>LOGISTIC SERVICES</b></p>
        <h6>Transport provide best theme for lioeiusmod tempor dolor list</h6>

       </div>

        <div class="col-md-4">
        <p><span class="glyphicon glyphicon-user"><br></span><b>CUSTOMER SUPPORT</b></p>
        <h6>Transport provide best theme for lioeiusmod tempor dolor list</h6>

我需要将我的 .png Logo 放置到此处 span 类 instate bootstrap 默认 Logo 的位置

ex-:  class="glyphicon glyphicon-home">

Answer 1

根据您提供的信息。

我会修改(注意 id):

<p><span id="img1" class="glyphicon glyphicon-home"><br></span><b>LARGEST WAREHOUSES</b></p>
        <h6>Transport provide best theme for lioeiusmod tempor dolor list</h6>


       <p><span id="img2" class="glyphicon glyphicon-pushpin"><br></span><b>GOOD TRACKING SUPPORTS</b></p>
        <h6>Transport provide best theme for lioeiusmod tempor dolor list</h6>

它们不会都显示相同的背景，因此它们不应该有相同的 dom 选择器。如果您不更改，您将需要使用第 n 个子选择器。

#img1{
    background-image: url("paper.png");
}

一般来说，除非是大背景，否则我不会通过 css 插入图像。我猜想您还需要在“display: inline-block”中添加一些内容，否则它就无法正确放置空间。