CSS垂直树形下拉菜单-黑马建站宝典(www.heima123.com)

第一步:建立菜单

首先建立菜单架构非常重要,最好的方法是使用ul来建立各菜单内容的从主关系.很复杂么?其实只要一路写下去就OK了:

以下是引用片段：
<ul>
    <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Home</a></li>
    <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">About</a>
      <ul>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">History</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Team</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Offices</a></li>
      </ul>
    </li>
    <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Services</a>
      <ul>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Web Design</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Internet
            Marketing</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Hosting</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Domain Names</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Broadband</a></li>
      </ul>
    </li>

    <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Contact Us</a>
      <ul>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">United Kingdom</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">France</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">USA</a></li>
        <li><a href=http://www.webjx.com/htmldata/2006-05-24/"#">Australia</a></li>
      </ul>
    </li>
  </ul>

上一篇：纯CSS制作简洁的垂直网站导航条
下一篇：用CSS制作隐藏菜单