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

実行結果

ソース

<style type="text/css">
    ul#nav3, ul#nav3 * {
        font:bold 11px Verdana,sans-serif;
    }
    ul#nav3 {
        list-style:none;
        margin:1em 0; padding:0;
    }
    ul#nav3 li a {
        margin:0 0 3px 0; padding:0 0 0 15px;
        color:#686349;
        text-decoration:none;
    }
    ul#nav3 li a:hover {
        text-decoration:none;
        background:#fff url(/content/img/css/nav3_hover.gif) no-repeat left top;
        color:#bdbabd;
    }
    ul#nav3 li a#current {
        text-decoration:none;
        background:#fff url(/content/img/css/nav3_current.gif) no-repeat left top;
        color:#bdbabd;
    }
</style>

<ul id="nav3">
    <li><a href="#" id="current">PHP</a></li>
    <li><a href="#">JavaScript</a></li>
    <li><a href="#">CSS</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">MySQL</a></li>
</ul>

polarized women