Avtor: -primož-
25.10.09
| list-style |
| CSS vodiči |
 Polepšajte svoje seznameČe na svoji spletni strani uporabljate sezname je ta vodič, kot nalašč za vas. Prikazal vam bo kodo, s katero kodo lahko dodate slikice pred vse možnosti v seznamu. 1. Privzete vrednosti za list-style
none –brez circle – krožnice disc – krogci square – kvadrat decimal - številke (1, 2, 3, ...) lower-alpha - male črke (a, b, c, d, ...) upper-alpha – velike črke (A, B, C, ...) lower-greek – grške črke upper-roman – rimske črke (I, II, III, IV, V, ...)
.kvadrat {list-style: square;}
HTML koda <html>
<head> <link rel="stylesheet" href="/style.css" type="text/css" /> </head> <body> <ul class="kvadrat"> <li>Photoshop</li> <li>HTML</li> <li>CSS</li> <li>Windows</li> </ul> </body> </html> 2. Slikica za list-style
.zvezda {list-style: url(zvezda.png);}
HTML koda <html>
<head> <link rel="stylesheet" href="/style.css" type="text/css" /> </head> <body> <ul class="zvezda"> <li>Photoshop</li> <li>HTML</li> <li>CSS</li> <li>Windows</li> </ul> </body> </html> To bi bilo za ta vodič vse. Upam, da vam bo pomagal pri oblikovanju vaše spletne strani. |
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
