CSS Tutorial
CSS List Tutorial
How To Make a Decimal Style Ordered List.
The following CSS code example shows you how to make a decimal style ordered list.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSS List Tutorial</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="CSS List Tutorial" />
<meta name="keywords" content="CSS List Tutorial" />
<style type="text/css">
ol.decimal {list-style-type: decimal};
</style>
</head>
<body>
<ol class="decimal">
<li>CSS</li>
<li>HTML</li>
<li>Tutorial</li>
</ol>
</body>
</html>
The above CSS code produces the following examples:
- CSS
- HTML
- Tutorial
Try it yourself.
CSS List Tutorials
Ordered List Tutorials
CSS Ordered List Tutorial - Decimal
Learn how to make a decimal style ordered list with CSS.
CSS Ordered List Tutorial - Lower Roman
This example shows you how to make an ordered lower roman numbered style list.
CSS Ordered List Tutorial - Upper Roman
This example shows you how to make an ordered upper roman numbered style list.
CSS Ordered List Tutorial - Lower Alpha
This example shows you how to make an ordered lower alpha style list.
CSS Ordered List Tutorial - Upper Alpha
This example shows you how to make an ordered upper alpha style list.
Un-Ordered List Tutorials
CSS Un-Ordered List Tutorial - Disc
This example shows you how to make an un-ordered disc style list.
CSS Un-Ordered List Tutorial - Circle
This example shows you how to make an un-ordered disc style list.
CSS Un-Ordered List Tutorial - Square
This example shows you how to make an un-ordered disc style list.
CSS Un-Ordered List Tutorial - None
This example shows you how to make an un-ordered list with no style.
Previous Tutorial
CSS Link Tutorial
Customize your Free Hit Counter at BestFreeHitCounter.com