竖排多极菜单


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
body{ font-size:13px;}
#ajiemenu {
MARGIN: 15px 20px 0px 15px;
PADDING:15px;
BACKGROUND: #dfdfdf;
COLOR: #666;
BORDER:#fff 2px solid; 
WIDTH:160px;
}
#ajiemenu ul {
MARGIN: 0px;
PADDING: 0px;
BORDER: medium none; 
LINE-HEIGHT: normal; 
LIST-STYLE-TYPE: none;
DISPLAY:inline;
}
#ajiemenu li {BORDER-TOP: #FFF 1px solid; MARGIN: 0px;}
#ajiemenu li a {
PADDING:5px 0px 5px 15px;
DISPLAY: block;  
FONT-WEIGHT: bold; 
BACKGROUND: url(images/icon_dot_lmenu.gif) transparent no-repeat 2px 8px;  
WIDTH: 100%; 
COLOR: #444;  
TEXT-DECORATION: none;
}
#ajiemenu li a:hover {
BACKGROUND: url(images/icon_dot_lmenu2.gif) #C61C18 no-repeat 2px 8px;
COLOR: #fff; 
}
</style>
<body>
</P>
<DIV id=ajiemenu>
<UL>
<LI><A title=网站标准 href="#">什么是网站标准</A> 
<LI><A title=标准的好处 href="#">使用标准的好处</A> 
<LI><A title=怎样过渡 href="#">怎样过渡</A> 
<LI><A title=相关教程 href="#">相关教程</A> 
<LI><A title=工具 href="#">工具</A> 
<LI><A title=资源及链接 href="#">资源及链接</A></LI></UL></DIV></P>
</body>
</html>

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <style>
    body{ font-size:13px;}
    #ajiemenu {
    MARGIN: 15px 20px 0px 15px;
    PADDING:15px;
    BACKGROUND: #dfdfdf;
    COLOR: #666;
    BORDER:#fff 2px solid; 
    WIDTH:160px;
    }
    #ajiemenu ul {
    MARGIN: 0px;
    PADDING: 0px;
    BORDER: medium none; 
    LINE-HEIGHT: normal; 
    LIST-STYLE-TYPE: none;
    DISPLAY:inline;
    }
    #ajiemenu li {BORDER-TOP: #FFF 1px solid; MARGIN: 0px;}
    #ajiemenu li a {
    PADDING:5px 0px 5px 15px;
    DISPLAY: block;  
    FONT-WEIGHT: bold; 
    BACKGROUND: url(images/icon_dot_lmenu.gif) transparent no-repeat 2px 8px;  
    WIDTH: 100%; 
    COLOR: #444;  
    TEXT-DECORATION: none;
    }
    #ajiemenu li ul li{BORDER-TOP: #FFF 1px solid;BORDER-TOP: #FFF 5px solid; MARGIN: 0px;}
    #ajiemenu li ul {
    DISPLAY: none;  
    }
    #ajiemenu li a:hover {
    BACKGROUND: url(images/icon_dot_lmenu2.gif) #C61C18 no-repeat 2px 8px;
    COLOR: #fff; 
    }
    </style>
    <body>
    </P>
    <DIV id=ajiemenu>
    <UL>
    <LI>
        <A title=网站标准 href="#" onmouseover="javascript:document.getElementById('1').style.display = 'block'" onmouseout="javascript:document.getElementById('1').style.display = 'none'">什么是网站标准</A> 
        <UL id="1">
         <LI><A title=网站标准 href="#">什么是网站标准</A> </LI>
         <LI><A title=标准的好处 href="#">使用标准的好处</A> </LI>
         <LI><A title=怎样过渡 href="#">怎样过渡</A> </LI>
         <LI><A title=相关教程 href="#">相关教程</A> </LI>
         <LI><A title=工具 href="#">工具</A> </LI>
         <LI><A title=资源及链接 href="#">资源及链接</A></LI>
        </UL>
    </LI>
    <LI><A title=标准的好处 href="#">使用标准的好处</A> </LI>
    <LI><A title=怎样过渡 href="#">怎样过渡</A> </LI>
    <LI><A title=相关教程 href="#">相关教程</A> </LI>
    <LI><A title=工具 href="#">工具</A> </LI>
    <LI><A title=资源及链接 href="#">资源及链接</A></LI>
    </UL>
    </DIV></P>
    </body>
    </html>就加了最上面一个   别的自己调一下