【HTML&&CSS】设置导航栏

专栏【 前端易错合集】

喜欢的诗句：更喜岷山千里雪 三军过后尽开颜。

音乐分享【如愿】

大一同学小吉，欢迎并且感谢大家指出我的问题

目录

效果 

代码： 

注意

---

最近到期末了，小吉要期末突击，所以最近发布的文章可能比较少，也请大家多多谅解，阿里嘎多

效果 

代码： 

    
    
    
    


    
 
        

            

                学校首页
            
            

              学校概况
                

                  
科大简介
                  
现任领导
                  
组织机构
                
            
            

              院系设置
                
             
                  
软件学院
                  
信工学院
                  
机电学院
                  
车辆学院
                
         
            
            

              教育教学
                

                  
本科生教育
                  
研究生教育
                  
继续教育
                
            
            

              科学研究
                

                  
自然科学
                  
人文学科
                  
重点学科
                
            
            

              招生就业
                

                  
本科生招生
                  
研究生招生
                  
国际生招生
                  
继续教育招生
                
              
            
            
            

              人才招聘
                

                  
人事处
                  
人事文件
                  
人才招聘
                
            
            

              合作交流
                

                  
合作办学
                  
对外合作
                
            
            

              智慧校园
                

                  
图书馆
                  
网络中心
                  
现代教育中心
                
            
            

              办公OS
                

                  
科大新闻
                  
科大通知
                  
科大文件
                
            
        
    

注意

注意：注意：注意：注意：注意：注意：

注意：注意：注意：注意：注意：注意：

要在 li 选择器里面设置行高和每个单元格的大小，不要在 .xia 选择器里面设置

 正确：正确：正确：

li{
          list-style: none;
          line-height: 50px;
          height: 50px;
          width: 110px;
          text-align: center;
        }

错误： 错误： 错误： 

.xia{
          display: block;
          line-height: 50px;
          height: 50px;
          width: 110px;
          display: none;
        }

否则会变成只有第一行显示（血泪教训）

如果大家有不明白的地方，或者文章有问题，欢迎大家在评论区讨论，指正