css-折叠标签

最新推荐文章于 2023-07-11 18:08:19 发布

weixin_33750452

最新推荐文章于 2023-07-11 18:08:19 发布

阅读量268

点赞数

原文链接：http://www.cnblogs.com/lianzi/archive/2011/08/08/2131603.html

版权

    <ul id="menu">
        <li><a href="#"><h1>CSS是什么</h1>
            <span>不知道</span></a></li>
        <li><a href="#"><h1>HTML是什么</h1>
            <span>也不知道</span></a>
        <li><a href="#"><h1>XML是什么</h1>
            <span>跟不知道</span></a>
    </ul>

#menu{
    overflow:hidden;
    background-color:#fbfef4;
    width:200px;
    height:500px;
    overflow:hidden;
}
#menu h1{
    margin:0px;
    color:#739c23;
    font-size:14px;
}
#menu li{
    list-sytle-type:none;
    display:block;
    width:178px;
    border:1px solid #739c23;
    border-bottom-width:0px;
}
#menu li.end{
    border-bottom-width:1px;
}
#menu li a{
    display:block;
    text-decoration:none;
    width:100%;
    padding:10px;
}
#menu li a span{
    display:none;
    color:#333;
    font-size:12px;
    padding-top:10px;
}
#menu li a:hover{
    background:#fff;
}
#menu li a:hover span{
    display:block;
    cursor:hand;
}