Question

我用dt和dd项目创建了一个dl列表。我想了解如何在CSS中添加CSS样式，该样式将在Dt之前包含一个SVG图标。这是svg图标的链接：http://www.urs.co.za/test/assets/images/icon_25_bullet.svg

<dl>
<dt><strong>Grow your customer list with Store Master </strong> </dt>
to effortlessly capture your customer's details whilst processing the sale. Communicate with your  customers and encourage them to return by notifying them about discounts and promotions.</dd></dl>
<br>
<dl>          
<dt><strong>Get better business insight and increase your sales with powerful inventory management</strong></dt><br>
<dd>Categorize your products by name, type, brand, supplier, etc for quick and efficient stock takes and insightful reporting. Save time with bulk product changes.</dd>
<br> 
<dt><strong>Barcodes and labels</dt>
</strong><br><dd>Create and print barcodes and labels making it easy for you to add products to sales, IBT’s or stock takes.</dd><br>
</dl>

Answer 1

dt:before {
    content: " ";
    background: url("http://www.urs.co.za/test/assets/images/icon_25_bullet.svg");
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
}

将完美工作。

如何在dl项目旁边添加svg图标？

1 个答案: