Site Navigation
 
   
 
      
 
      
 
      
 
      
 
   
 
 

步骤2-这是您的顶层菜单的简单项目符号列表。要创建超链接，请转到设计视图或代码视图。

步骤3-选择要用作超链接的项目，然后按Ctrl +K。

步骤4-单击屏幕提示…按钮。输入所需的文本作为屏幕提示，然后单击“确定”。

步骤5-在“要显示的文本”字段中，输入“主页”并选择index.html文件，然后单击“确定”。

在此阶段，我们的index.html页面如下所示-

步骤6-为其他菜单项添加更多超链接，如以下代码所示。

      
      
   

   
      

         

         
 
            
 
               
Home
               
Menu Item 1
               
Menu Item 2
               
Menu Item 3
            
 
         
 
   
         
 
            
Site Navigation
  
            

               
Home
               
Navigation Item 1
               
Navigation Item 2
               
Navigation Item 3
            
 
         
 
         
 
         
 
      
 
     
  

步骤7-要设置顶部导航的样式，请转到“管理样式”面板。右键点击＃left-nav，然后选择修改样式…

步骤8-在字体大小字段中输入值0.9，然后从字体大小旁边的下拉列表中选择em ，然后转到“框”类别。

步骤9-检查填充“全部相同”，然后在顶部字段中输入5，然后单击“确定”。在“应用样式”面板中，单击“新样式”。

步骤10-在“选择器”字段中输入＃left-nav ul 。从“定义范围”下拉列表中选择“现有样式表”，然后在“列表”类别中，从“列表样式类型”字段中选择“无”，然后单击“确定”。

步骤11-再次，从“应用样式”面板中，单击“新样式” 。取消选中“全部相同”填充。在底部字段中输入0.2，然后单击确定。

步骤12-在“选择器”字段中输入＃left-nav ul li ，然后从“定义范围”下拉列表中选择“现有样式表”，然后转到“框”类别。

步骤13-转到“应用样式”面板，然后单击“新样式”。

步骤14-在“选择器”字段中输入＃left-nav ul li a ，然后从“定义范围”下拉列表中选择“现有样式表”，然后选择白色作为字体颜色。

步骤15-转到背景类别。选择颜色作为背景色

步骤16-转到框类别并设置填充值。

步骤17-转到布局类别。从显示下拉列表中选择块，然后单击确定。

步骤18-现在，让我们再次转到“应用样式”面板，然后单击“新样式”。在“选择器”字段中输入＃left-nav ul li a：hover ，然后从“定义范围”下拉列表中选择“现有样式表”。选择黑色作为字体颜色。

步骤19-现在转到“背景”类别。当鼠标悬停在菜单项上时，为菜单选项选择背景色，然后单击“确定”。

步骤20-要检查外观，请转到“文件”菜单，然后在浏览器中选择“预览”。

将鼠标悬停在任何菜单项上时，它将更改其背景和字体颜色。