<!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 /><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br /><title>3.1縱向列表</title><br /><link href="3.1.css" mce_href="3.1.css" rel="stylesheet" type="text/css" /><br /></head><br /><body><br /><div id="menue"><br /> <ul><br /> <li><a href="#" mce_href="#">首頁</a></li><br /> <li><a href="#" mce_href="#">網頁版式布局</a></li><br /> <li><a href="#" mce_href="#">div+css教程</a></li><br /> <li><a href="#" mce_href="#">div+css執行個體</a></li><br /> <li><a href="#" mce_href="#">常用代碼</a></li><br /> <li><a href="#" mce_href="#">站長雜談</a></li><br /> <li><a href="#" mce_href="#">技術文檔</a></li><br /> <li><a href="#" mce_href="#">資源下載</a></li><br /> <li><a href="#" mce_href="#">圖片素材</a></li><br /> </ul><br /></div><br /></body><br /></html><br />
css檔案
#menue ul {<br />margin: 0px;<br />padding: 0px;<br />list-style: none;<br />}<br />body {<br />font-family: Verdana, Arial, Helvetica, sans-serif;<br />font-size: 12px;<br />line-height: 1.5;<br />}<br />#menue {<br />border: 1px solid #669900;<br />width: 100px;<br />}<br />#menue ul li {<br />line-height: 26px;<br />background: #eee;<br />padding: 0px 8px;<br />height: 26px;<br />border-bottom: 1px solid #ccc;<br />}<br />a {<br />color: #000000;<br />text-decoration: none;<br />}<br />a:hover {<br />color: #FF0000;<br />}<br />
最終效果：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
