Web design: an ol (ordered list) with different-colored numbers
The tutor shows how to make an html list with different colored markers.
Let’s imagine you want the effect
- Item 1
- Item 2
- Item 3
Here’s how:
<ol>
<li style=”color:#ff2277″><span style=”color:black”>Item 1</span></li>
<li style=”color:#9999ff”><span style=”color:black”>Item 2</span></li>
<li style=”color:violet”><span style=”color:black”>Item 3</span></li>
</ol>
<li style=”color:#ff2277″><span style=”color:black”>Item 1</span></li>
<li style=”color:#9999ff”><span style=”color:black”>Item 2</span></li>
<li style=”color:violet”><span style=”color:black”>Item 3</span></li>
</ol>
Source:
Jack of Oracle Tutoring by Jack and Diane, Campbell River, BC.