CSS List

CSS List

<pre><code>//anything added to the &lt;ol&gt; or &lt;ul&gt; tag, affects the entire list, 
//while properties added to the &lt;li&gt; tag will affect the individual list items

ol {
  background: #ff9999;
  padding: 20px;

ul {
  background: #3399ff;
  padding: 20px;

ol li {
  background: #ffe5e5;
  padding: 5px;
  margin-left: 35px;

ul li {
  background: #cce5ff;
  margin: 5px;

The CSS list properties allow you to: set different list item markers for ordered/unordered lists; set an image as the list item marker; add background colors to lists and list items.

CSS List — Structure map

Clickable & Draggable!

CSS List — Related pages: