html - Putting common image in CSS -

i want bullet, shown on right side in image below, inside css class mention style in row , need not insert image every time. images keeps on changing new themes, want put in css.

it needs in row of table individually , cant in list.

my css follows, doesn't work

.abp2_bullet { width: 13px; height: 13px; src: url("../../../../cbtshared.edu/cbtshared.doc/src/images/catbulletblue3_if_we.png");  background-repeat: no-repeat; overflow: hidden;} 

another option tried is

.bullet_ifwe{ list-style-image:url(../images/catbulletblue3_if_we.png); list-style-position:inherit;} 

first correct, instead of src want background. also, may want set inline-block if using span.

.abp2_bullet {     display: inline;     width: 13px;     height: 13px;     background: url("../../../../cbtshared.edu/cbtshared.doc/src/images/catbulletblue3_if_we.png") no-repeat;     overflow: hidden; } 

usage:

<span class="abp2_bullet"></span> 

here's similar question got asked: https://stackoverflow.com/a/31332064/584192