符合WEB標准的下拉導航菜單例子

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 符合WEB標准的下拉導航菜單例子

符合WEB標准的下拉導航菜單例子

編輯：CSS進階教程

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜單演示</title><style type="text/css"></style><script type=text/javascript><![CDATA[//><!]]></script></head><body><ul id="nav"><li><a href="#">產品介紹</a>    <ul>    <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>    <li><a href="#">產品一</a></li>    </ul></li><li><a href="#">服務介紹</a>    <ul>    <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>    <li><a href="#">服務二</a></li>    </ul></li><li><a href="#">成功案例</a>    <ul>    <li><a href="#">案例三</a></li>    <li><a href="#">案例</a></li>    <li><a href="#">案例三案例三</a></li>    <li><a href="#">案例三案例三案例三</a></li>    </ul></li><li><a href="#">關於我們</a>    <ul>    <li><a href="#">我們四</a></li>    <li><a href="#">我們四</a></li>    <li><a href="#">我們四</a></li>    <li><a href="#">我們四111</a></li>    </ul></li><li><a href="#">在線演示</a>    <ul>    <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>    <li><a href="#">演示演示</a></li>    <li><a href="#">演示演示演示</a></li>    <li><a href="#">演示演示演示演示演示</a></li>    </ul></li><li><a href="#">聯系我們</a>    <ul>    <li><a href="#">聯系聯系聯系聯系聯系</a></li>    <li><a href="#">聯系聯系聯系</a></li>    <li><a href="#">聯系</a></li></p><b>12下一頁 </b>

上一頁:DIV+CSS布局實例:各種2欄3欄布局實例(附下載)
下一頁:旁門左道你沒見過的CSS效果

CSS進階教程

css的效率和浏覽器渲染的速度: 浏覽器如何讀取你的CSS選擇器有一個很重要的原則，那就是它們從右到左讀取。這意味這像 ul &
css網頁布局中注意的幾個問題: 一、少用偏門。　　類似break-word斷行，z-index手動分層，還有像垂直對齊等等這些偏門C
CSS入門教程:網頁首字下沉: CSS入門教程:網頁首字下沉:first-letter版本：CSS2　兼容性：IE5.5+語法：S

CSS基礎知識 Sass教程 CSS3基礎關於CSS CSS進階教程 DIV十CSS布局 CSS特效代碼 CSS詳解

DIV CSS 佈局教程網

相關文章