漂亮的二级分类

最新推荐文章于 2022-02-28 12:05:56 发布

liuningshiwoa

最新推荐文章于 2022-02-28 12:05:56 发布

阅读量1k

点赞数

文章标签： url border ie menu table

本文链接：https://blog.csdn.net/liuningshiwoa/article/details/7043510

版权

#menu
{
    width: 160px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu li
{
    margin: 0 1px 0 0;
    padding: 0px;
    width: 150px;
}
#menu li dl
{
    width: 150px; /*ie6*/
    margin: 0px;
    padding: 0 0 10px 0;
    background: #61AEEF url(../images/menuBottom.gif) no-repeat bottom left;
}
#menu li dt
{
    font-size: 14px;
    margin: 0px;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #b00;
    background: #84bff1 url(../images/menuTop.gif) no-repeat top left;
}
#menu li dt a, #menu li dt a:visited
{
    display: block;
    color: #333;
    text-decoration: none;
}

#menu li dd
{
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    color: White;
    background: #47a;
    display: none;
}
#menu li dd.last
{
    border-bottom: 1px solid #b00;
}

#menu li dd a, #menu li dd a visited
{
    vertical-align: middle;
    height: 1em;
    display: block;
    height: 18px;
    color: White;
    text-decoration: none;
    padding: 4px 5px 4px 28px;
    background: #47a url(../images/menuArrow.gif) no-repeat 10px 10px;
}
#menu li:hover dd, #menu li a:hover dd
{
    display: block;
}
#menu li:hover, #menu li a:hover /*ie6*/
{
    border: 0;
}
#menu li dd a:hover
{
    background: #147;
    color: #9cf;
}
/*ie6*/
#menu table
{
    border-collapse: collapse;
    padding: 0;
    margin: -1px;
    font-size: 1em;
}