Question

需要在我的index.html文件中使用外部css文件放置一些徽标，这是我的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徽标放在span类这里启动bootstrap默认逻辑的地方

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插入图像，除非它是一个大背景。我猜你需要在'＆34; display：inline-block＆＃34;另外它也没有得到适当的空间。

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

1 个答案: