[CSS菜單]縱向虛線菜單

來源:互聯網
上載者:User

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><title> new document </title><br /><meta name="generator" content="editplus" /><br /><meta name="author" content="" /><br /><meta name="keywords" content="" /><br /><meta name="description" content="" /><br /><style type="text/css"><br />#vertmenu {<br />font-family: Verdana, Arial, Helvetica, sans-serif;<br />font-size: 100%;<br />width: 160px;<br />padding: 0px;<br />margin: 0px;<br />}<br />#vertmenu h1 {<br />display: block;<br />background-color:#FF9900;<br />font-size: 90%;<br />padding: 3px 0 5px 3px;<br />border: 1px solid #000000;<br />color: #333333;<br />margin: 0px;<br />width:159px;<br />}<br />#vertmenu ul {<br />list-style: none;<br />margin: 0px;<br />padding: 0px;<br />border: none;<br />}<br />#vertmenu ul li {<br />margin: 0px;<br />padding: 0px;<br />}<br />#vertmenu ul li a {<br />font-size: 80%;<br />display: block;<br />border-bottom: 1px dashed #C39C4E;<br />padding: 5px 0px 2px 4px;<br />text-decoration: none;<br />color: #666666;<br />width:160px;<br />}<br />#vertmenu ul li a:hover, #vertmenu ul li a:focus {<br />color: #000000;<br />background-color: #eeeeee;<br />}<br /></style><br /></head><br /><body><br /><div id="vertmenu"><br /><h1>Navigation</h1><br /><ul><br /><li><a href="#" tabindex="1">Home</a></li><br /><li><a href="#" tabindex="2">About Us</a></li><br /><li><a href="#" tabindex="3">Computing</a></li><br /><li><a href="#" tabindex="4">Web Sites</a></li><br /><li><a href="#" tabindex="5">Games</a></li><br /><li><a href="#" tabindex="6">Links</a></li><br /></ul><br /></div><br /></body><br /></html><br />

相關文章

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.