CSS Examples Image Marker Lists

Date: 09/26/2004 Image Marker Lists

Author: CSS Drive

CSS makes it possible to use images for a list's markers. And through descendant selectors, different images can be shown depending on the level of the list item in question, as shown below:

  • News
  • Sports
  • Webmaster
    • CSS Drive
    • PHP.net


    <li>CSS Drive</li>

The CSS:

ul li{
list-style-type: square;
padding-left: 3px;

ul li ul li{

Comments (4)


#1: BWiz on 04/08 at 05:45 PM

The spacing is off in IE6 and IE7

#3: truegraphix on 10/12 at 12:43 PM

WinPure ListCleaner Lite is a data cleansing, list cleaning and dedupe software for cleaning and correcting your databases, spreadsheets, emails, etc. It's a stand-alone product, containing 6 cleaning modules

#4: outsource sales on 07/04 at 10:20 AM
Commenting is not available in this weblog entry.

Partners & ResourcesOur

CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

All images and content copyright © 2017 CSS Drive. Contact Info | Back to Top
Affiliate Discloser: We receive a commission from purchases through some links on this site