(011)layout_一级纵向菜单 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>navi_v.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" type="text/css" href="../common/reset.css">
    <style type="text/css">
        body {font-family:verdana; font-size:12px; line-height:1.5em;}
        a {color:#000; text-decoration:none;}
        a:hover {color:#f00;}
        #menu {border:1px solid #ccc; width:100px;}
        #menu ul {list-style-type:none; }
        #menu ul li {background:#eee; padding:0 8px; height:26px; border-bottom:1px solid #ccc; line-height:26px;}
    </style>
  </head>
  
  <body>
        <div id="menu">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">网页版式布局</a></li>
                <li><a href="#">div+css教程</a></li>
                <li><a href="#">div+css实例</a></li>
                <li><a href="#">常用代码</a></li>
                <li><a href="#">站长杂谈</a></li>
                <li><a href="#">技术文档</a></li>
                <li><a href="#">资源下载</a></li>
                <li><a href="#">图片素材</a></li>
            </ul>
        </div>
  </body>
</html>

 

reset.css

body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; }
ul { list-style: none; }
img { border-style: none; }

 

posted @ 2015-01-29 16:30  雪中飞雁  阅读(88)  评论(0)    收藏  举报