Use Image for List Item Bullets
By Stephen Bucaro
The bullets that you can define for list items; disc, circle, or square, are pretty drab.
Use the list-style-image property to specify use of a custom image as the bullets
to use for list items.
<ul style="list-style-image:url('path/imagename')">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
- List item 1
- List item 2
- List item 3
More CSS Quick Reference: • Set an Element's Clipping • Set the Type of Bullet Used in List • Set an Element's Overlap (z-index) • Set the Border Properties • Set the Font Style • Set List Properties • Set the Letter Spacing • Set an Element's Overflow • Vertical Align an Element • CSS Units of Measurement
|