第一階段學習——目前為止的一段代碼
阿新 • • 發佈：2017-10-03
png type oat load repeat link 主頁 img nload
以目前的知識寫的首頁及其外部樣式：
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>歡迎訪問！</title> 6 <link rel="stylesheet" href="../css/index.css"/> 7 </head> 8 <body> 9 <header> 10 </header> 11 <nav> 12 <ul> 13 <li><a href="#">主頁</a></li> 14 <li><a href="./product.html">產品展示</a></li> 15 <li><a href="download.html">相關下載</a></li> 16 <li><a href="us.html">聯系我們</a></li> 17 </ul> 18 </nav> 19 <section></section> 20 </body> 21 </html>
1 body{ 2 background-color: #111111; 3 } 4 header{ 5 /*background: 100% 300px url("../img/index.png") 6 no-repeat fixed;*/ 7 width: 100%; 8 height: 300px; 9 background-image: url("../img/index.png"); 10 background-attachment: fixed; 11 background-repeat: no-repeat; 12 background-color: #ffffff; 13 background-position: top; 14 } 15 ul{ 16 list-style-type: none; 17 } 18 li{ 19 float: left; 20 margin-left: 0px; 21 padding: 10px; 22 background-color: #ffffff; 23 } 24 a{ 25 text-decoration: none; 26 } 27 a:link{ 28 color: #000000; 29 } 30 a:visited{ 31 32 color: #000000; 33 } 34 a:hover{ 35 color: #51e9ff; 36 font-size: 120%; 37 } 38 a:active{ 39 color: #ffff00; 40 font-size: 130%; 41 }
第一階段學習——目前為止的一段代碼