[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>

代码效果：

如果需要制作横向的菜单，只需稍微修改样式代码即可：

代码效果：

希望有所帮助！

[CSS]简易菜单,布布扣,bubuko.com

[CSS]简易菜单

标签：style   blog   http   color   os   io   2014   html   

原文地址：http://www.cnblogs.com/Yan-Zhiwei/p/3877514.html