CSS – Stil lista
Cu eticheta ol din HTML cream liste ordonate sau numerotate.
Ex:
<style type=”text/css”>
<!–
li {list-style-type: valoare;}
–>
</style>
Unde valoarea poate fi: disc, circle (cer), square (patrat); decimal (nr intregi); lower-roman (nr romane, caractere mici); upper -roman( nr romane, caractere mari); upper-alpha( caractere mari A, N, A); lower -alpha (caractere mici a, n, a); none
Spre exemplu o lista ordonata folosind marcaje cu litere mari arata asa:
<html>
<head>
<title>Litere mari</title>
<style type=”text/css”>
<!–
li {list-style-type: upper-alpha;}
–>
</style>
</head>
<body>
Services Web design <ol>
<li>logo design</li>
<li>flash animation</li>
<li>photoshop layout</li><li>animated banner</li>
<li>etc</li>
</ol>
</body>
</html>
In cazul in care se doreste alt simbol si nu cel prestabilit de browser, se poate folosi comanda list-style-image, iar imaginile sunt introduse prin adresa url().
Ex:
<html>
<head>
<title>Lista imagini</title>
<style type=”text/css”>
<!–
li {list-style-image: url(icon.gif);}
–>
</style>
</head>
<body>
Web Design services
<ul>
<li>service 1</li>
<li> service 2 </li>
<li>services 3 </li>
</ul>
</body>
</html>
