• menu1
• menu2
• menu3
• menu4
• menu5
• menu6

素材

■hoshi1.gif

'

■hoshi2.gif

ul.menu1{ font-size: 100%; margin:0 } ul.acc, ul.menu1 li { margin: 0; padding: 0; list-style: none; } ul.menu1 a:link,ul.menu1 a:visited{ background-image: url('hoshi1.gif'); background-repeat: no-repeat; color: #ffffff; display: block; height: 30px; line-height: 30px; text-indent: 25px; text-decoration: none; outline: none; margin-bottom:4px; } ul.menu1 a:hover{ color : #ffffff; background-image : url('hoshi2.gif'); background-repeat: no-repeat;}

<ul class="menu1"> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu6</a></li> </ul>