PHP & JavaScript Room :: 設置サンプル

実行結果

ソース

<style type="text/css">
    ul#nav2, ul#nav2 * {
        font:bold 11px Verdana,sans-serif;
    }
    ul#nav2 {
        list-style:none;
        margin:1em 0; padding:0;
    }
    ul#nav2 li {
        display:inline;
        text-align:center;
        padding:0 0 0 .5em;
    }
    ul#nav2 a:hover,
    ul#nav2 a#current {
        color:#8ea084;
        border-bottom:3px solid #d1eac4;
        text-decoration:none;
    }
    ul#nav2 a {
        color:#848684; font-weight:bold;
        border-bottom:3px solid #eee;
        text-decoration:none;
    }
</style>

<ul id="nav2">
    <li id="current"><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>

polarized women