Javascript 引导可切换选项卡映像

我正在编写一个HTML页面，该页面使用可切换选项卡，如下链接所示：

我需要在文本“通知”的左侧显示一个图像作为通知选项卡文本的一部分

这是我的密码：

<div class="bs-example bs-example-tabs">
    <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#Notifications" style="color:#003300;font-size:25px;background-image:url('HomeIcon.png');display:block;" data-toggle="tab">Notifications</a></li>
        <li><a href="#QC" style="color:#003300;font-size:25px" data-toggle="tab">QC</a></li>
        <li><a href="#MySavedWork" style="color:#003300;font-size:25px" data-toggle="tab">My saved work</a></li>
        <li><a href="#MyLinks" style="color:#003300;font-size:25px" data-toggle="tab">My links</a></li>       
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="Notifications">
    </div>
</div>

但是，当前显示的是图像，而不是显示一个图像，而是多次复制图像

我可以在文本左侧显示我的图像的一个实例吗

---

提前感谢

如何使用CSS属性：

背景：url（'HomeIcon.png'）不重复那么这个img只会显示一次

此外，您还可以添加一个放置此图像（背景）的位置（
background:url（'HomeIcon.png'），左键不重复；
，
background:url（'HomeIcon.png'）无重复右键；
etc.）。
添加无重复的代码以及任何位置都不会显示图像。您可以检查此小提琴吗：。图像只显示一次，左边一个。对不起，所有图像现在都正常工作。我有背景图片：url而不是背景：url。（我是CSS新手）。谢谢，当然可以。此项已更新，因此图像仅在活动列表中可见：