[CSS]簡易菜單

標籤：style   blog   http   color   os   io   2014   html   

樣式代碼：

    <style type="text/css">        #menu ul {            list-style: none;            width: 100px;            text-align: center;        }            #menu ul li {                /*float: left;*/                padding: 10px;                margin: 2px;                background-color: aquamarine;                color: yellow;            }                #menu ul li a {                    text-decoration: none;                }    </style>

指令碼代碼：

        <div id="menu">            <ul>                <li><a href="#">地圖</a></li>                <li><a href="#">全景</a></li>                <li><a href="#">拆分</a></li>            </ul>        </div>

代碼效果：

如果需要製作橫向的菜單，只需稍微修改樣式代碼即可：

代碼效果：

希望有所協助！