国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP，暢享免費電子書等14項超值服

開通VIP

首頁

好書

留言交流

下載APP

聯(lián)系客服
CSS縱向下拉菜單代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--定義過渡型DOCTYPE--> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"><!--定義名字空間--> 
<head><!--網(wǎng)頁頭部開始--> 
<title>網(wǎng)頁布局+純CSS縱向下拉菜單</title><!--標題欄--> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--定義語言編碼--> 
<meta http-equiv="Content-Language" content="gb2312" /><!--針對老版瀏覽器定義語言編碼--> 
<meta content="all" name="robots" /><!--允許搜索機器人--> 
<meta name="author" content="7273771@gmail.com,陽詭子,QQ:7273771" /><!--作者信息--> 
<meta name="Copyright" content="blog.529600.com,共同探討,允許轉載" /><!--版權信息--> 
<meta name="description" content="下拉菜單,CSS,布局" /><!--簡介--> 
<meta content="下拉,菜單,CSS,布局" name="keywords" /><!--關鍵詞--> 
<!--CSS樣式開始--> 
<style type=text/css> 
*{ 
  margin:0; 
  padding:0; 
  border:0; 
} 
html{ 
  background:#bfc4c7;/*背景顏色*/ 
} 
body{ 
  font:12px/150% '宋體'; 
  margin:0 auto; 
  width:770px; 
  text-align:center; 
} 
#menu,#nav,#footer{ 
  clear:both; 
} 
#nav{ 
  padding-left:20px; 
  text-align:left; 
  background:#a60; 
} 
#footer{ 
  background:#a30; 
} 
#logo,#banner,#mail,#left,#middle,#right{ 
  float:left; 
  width:180px; 
  background:#f00; 
} 
#logo,#banner,#mail{ 
  height:60px; 
} 
#banner{ 
  width:468px; 
  background:#f60; 
} 
#mail{ 
  width:122px; 
  background:#f90; 
} 
#left,#right{ 
  width:200px; 
} 
#left{ 
  background:#093; 
} 
#middle{ 
  width:370px; 
  background:#063; 
} 
#right{ 
  background:#033; 
} 


/*menu部分*/ 

#menu{ 
  margin:0 auto; 
   
  width:770px!important; 
  clear:both 
} 
#menu ul{ 
  list-style:none; 
} 
#menu li { 
  float:left; 
  position:relative; 
}    
#menu ul ul { 
  visibility:hidden; 
  position:absolute; 
  left:0px; 
  top:30px;  
} 
#menu table{ 
  position:absolute; 
  left:0; 
  top:0; 
} 
#menu ul li:hover ul,#menu ul a:hover ul{ 
  visibility:visible; 
} 
#menu a{ 
  display:block; 
  text-align:center; 
  text-decoration:none; 
  width:77px; 
  height:30px; 
  color:#000; 
  line-height:30px; 
  background:#c9c9a7; 
} 
#menu a:hover{ 
  color:#fff; 
  background:#b3ab79; 
} 
#menu ul ul li { 
  clear:both; 
  text-align:left; 
} 
#menu ul ul li a{ 
  display:block; 
  width:77px; 
  height:30px; 
  background:#faeec7; 
  color:#000; 
} 
#menu ul ul li a:hover{ 
  background:#dfc184; 
  color:#000; 
} 

</style><!--CSS樣式結束--> 
</head><!--網(wǎng)頁頭部結束--> 
<body><!--網(wǎng)頁主體開始--> 
  <div id="logo"> 
    logo 
  </div> 
  <div id="banner"> 
    banner 
  </div> 
  <div id="mail"> 
    mail 
  </div> 
<div id="menu">   
  <ul>   
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li> 
    <li> 
      <a href="">第一分類<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> 
        <table> 
          <tr> 
            <td><![endif]-->   
              <ul>   
                <li><a href="">XHTML</a></li>   
                <li><a href="">CSS</a></li>   
                <li><a href="">PHP</a></li>   
                <li><a href="">MySQL</a></li>   
                <li><a href=""><a target="_blank"><font color=red>Fireworks</font></a></a></li> 
                <li><a href="">Photoshop</a></li>   
                <li><a href="">Flash</a></li>   
                <li><a href="">Illustrator</a></li>   
              </ul><!--[if lte IE 6]> 
            </td> 
          </tr> 
        </table> 
      </a><![endif]-->   
    </li>  
  </ul>   
</div> 
  <div id="nav"> 
    您的位置:網(wǎng)站首頁 
  </div> 
  <div id="left"> 
    left 
  </div> 
  <div id="middle"> 
    middle 
  </div> 
  <div id="right"> 
    right 
  </div> 
  <div id="footer"> 
    footer 
  </div> 
</body><!--網(wǎng)頁主體結束--> 
</html>


本站僅提供存儲服務，所有內容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權內容，請點擊舉報。
打開APP，閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
CSS條件注釋
一款兼容IE和FF的純CSS三級下拉菜單
不錯的二級菜單代碼,采用CSS JS.html
IE中偽類:hover的使用及BUG
固定在右下角兼容ie6
div+css下拉二級菜單
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權！
如果VIP功能使用有故障，
可點擊這里聯(lián)系客服！

聯(lián)系客服