<style type="text/css">
#nav1, #nav1 * {
font:bold 11px Verdana,sans-serif;
}
ul#nav1 {
list-style:none;
text-align:center;
margin:1em 0; padding:0 0 2em 0;
}
ul#nav1 li {
padding:0;
width:8em;
float:left;
}
ul#nav1 li a { /* 通常時 */
margin:0 5px 0 0; padding:5px;
display:block;
border:1px solid #ccc;
text-decoration:none;
background:#fff url(/content/img/css/slash_gray.png) repeat left top;
color:#999; font-weight:bold;
}
ul#nav1 li a:hover,
ul#nav1 li a#current { /* マウスON時、カレント時 */
background:#fff url(/content/img/bg_stripe_dark.png) repeat left top;
color:#fff;
}
</style>
<ul id="nav1">
<li><a href="#">PHP</a></li>
<li><a href="#" id="current">JavaScript</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">MySQL</a></li>
</ul>