简体   繁体   English

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

[英]How do I add a svg icon next to my dl item?

I created a dl list with dt and dd items. 我用dt和dd项目创建了一个dl列表。 I would like to find out how I can add a css style to my dt which will include a svg icon before the dt. 我想了解如何在CSS中添加CSS样式,该样式将在Dt之前包含一个SVG图标。 This is the link to the svg icon: http://www.urs.co.za/test/assets/images/icon_25_bullet.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>
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;
}

will work perfectly. 将完美地工作。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM