011 導航欄

時間 2019-12-07

標籤導航简体版

原文原文鏈接

1.效果html

2.程序網站

　　行內元素與行內塊元素，均可以當成文本進行處理，因此纔有居中對齊。url

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         .nav {
 8             text-align: center;
 9         }
10         a {
11             width: 170px;
12             height: 70px;
13             color: #fff;
14             display: inline-block;
15             background-image: url(image/0303.png);
16             text-align: center;  /*文字居中對齊*/
17             text-decoration: none;
18             line-height: 70px;/*行高等你盒子的高度，則單行文本垂直居中*/
19         }
20         .nav a:hover {
21             background-image: url(image/0354.png);
22         }
23 
24     </style>
25 </head>
26 <body>
27     <div class="nav">
28         <a href="#">網站導航</a>
29         <a href="#">網站導航</a>
30         <a href="#">網站導航</a>
31         <a href="#">網站導航</a>
32         <a href="#">網站導航</a>
33         <a href="#">網站導航</a>
34     </div>
35 </body>
36 </html>

3.a標籤spa

　　能夠放塊級元素code

　　不能在裏面放a標籤htm

4.文字塊級標籤blog

　　h1，pit

　　裏面不能再放其餘塊元素io

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。