06-04-2012, 20:16
<li class="menu1">Menu 1</li>
<li class="menu2">Menu 2</li>
<li class="menu3">Menu 3</li>
.......
i w cssie stylujesz background dla każdej klasy
.menu1 {background: url('../image1.jpg'); }
.menu2 {background: url('../image2.jpg'); }
.menu3 {background: url('../image3.jpg'); }
możesz to też zrobić tak jak pisałem używając pseudoklasy, ale wyjdzie prawie na to samo tyle tylko, że nie będzie tyle klas
css
ul li:nth-child(1) {background: url('../image1.jpg'); }
ul li:nth-child(2) {background: url('../image2.jpg'); }
ul li:nth-child(3) {background: url('../image3.jpg'); }
<li class="menu2">Menu 2</li>
<li class="menu3">Menu 3</li>
.......
i w cssie stylujesz background dla każdej klasy
.menu1 {background: url('../image1.jpg'); }
.menu2 {background: url('../image2.jpg'); }
.menu3 {background: url('../image3.jpg'); }
możesz to też zrobić tak jak pisałem używając pseudoklasy, ale wyjdzie prawie na to samo tyle tylko, że nie będzie tyle klas
css
ul li:nth-child(1) {background: url('../image1.jpg'); }
ul li:nth-child(2) {background: url('../image2.jpg'); }
ul li:nth-child(3) {background: url('../image3.jpg'); }