純CSS製作的豎嚮導航菜單

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

純CSS製作的豎嚮導航菜單<!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><title>純CSS製作的豎嚮導航菜單</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代碼加到<head>與</head>之間--><style type="text/css">body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold;} ul { list-style: none; margin: 0; padding: 0;}/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */#menu3 { width: 200px; border: 1px solid #ccc; margin: 10px;}#menu3 li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none;} #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(yun_qi_img/bg1.gif); padding: 8px 0 0 30px;}#menu3 li a:hover, #menu3 li a:active { color: #283A50; background: url(yun_qi_img/bg2.png) 0 -32px; padding: 8px 0 0 30px;}</style></head><body><!--把下面代碼加到<body>與</body>之間--><div id="menu3"> <ul> <li>網站首頁</li> <li>站長特效</li> <li>網頁特效</li> <li>廣告代碼</li> <li>rss訂閱</li> <li>留言本</li> </ul></div></body></html>
提示:您可以先修改部分代碼再運行
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.