HTML一級導覽製作

今天分享簡單導覽列的製作方法：

第一步：引入css樣式表，新建一個id為nav的層，使用

、
• 、標籤來製作完成效果。

  nbsp;html>
      
          <meta>
          <title></title>
          <link>
      
      
          <p>
              </p>

                  
  • 首页
                                   
  • 首页
                                   
  • 首页
                                   
  • 首页
                                   
  • 首页
              
               

  第二步設定CSS樣式：

  1.設定nav的屬性

  #nav{
      width: 500px;
      height: 50px;
      border: 1px solid red;
  }

  .的點

  

  #nav ul{
  	list-style: none;
  }

  3.設定
  下包含的標籤的屬性

  #nav ul li a{
  	width: 98px;
  	height: 50px;
  	float: left;
  	border: 1px solid red;
  	text-align: center;
  	line-height: 50px;
  	text-decoration: none;
  }

  　〜4.

  完整HTML程式碼部分：

  #nav ul li a:hover{
  	background-color: #ABCDEF;
  }

  　　完成CSS樣式程式碼部分：

  

  nbsp;html>
  
  	
  		<meta>
  		<title></title>
  		<link>
  	
  	
  		<p>
  			</p>

  • 首页
  • 首页
  • 首页
  • 首页
  • 首页
  PHW