Make Your Bullets a Different Colour From Your Text Print
By adding the "color" attribute to your "li" and using the span tag, you can make the bullets a different color from your text.

The CSS


li {
    list-style-type: square;
    color: #D4A754; /* bullet color - gold */
}

li span {
    color: #354AE7; /* text color - blue */
}

The HTML


<ul>
    <li><span>Web Design</span></li>
    <li><span>Web Maintenance</span></li>
    <li><span>Logo Design</span></li>
    <li><span>Print Design</span></li>
</ul>


The Result


  • Web Design
  • Web Maintenance
  • Logo Design
  • Print Design