学校官网导航栏-CSDN博客

本文链接：https://blog.csdn.net/xiaoxihed/article/details/131318030

这个HTML代码展示了学校官网的导航栏设计，包括首页、学校概况、组织机构、党群工作、教育教学、国际教育、校园生活、学生服务、招生就业和人才招聘等主要板块。每个板块在鼠标悬停时会展开子菜单，提供更详细的内容链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           * {
               margin: 0;
               padding: 0;
           }

           .div1 {
               height: 80px;

               background-color: #9a3032;

           }

           .div2 {
               margin: auto;
               width: 75%;
               height: 80px;
               line-height: 80px;
               position: relative;
           }

           a {
               color: white;
               text-decoration: none;
           }

           .div2>div {
               height: 80px;
               float: left;
               padding-left: 17px;
               padding-right: 17px;
               color: white;

           }

           .div2>div:hover {
               background-color: white;
               color: #9a3032;
           }

           .aa:hover>a {
               color: #9a3032;
           }

           .div3>* {
               float: left;
           }

           .div6>* {
               float: left;
           }

           .div5>* {
               float: left;
           }

           .div3>div>ul>li {
               list-style: none;
               color: black;
               line-height: 30px;
               margin-left: 15px;
               font-size: 16px;
           }

           .div5>div>ul>li {
               list-style: none;
               color: black;
               line-height: 30px;
               margin-right: 15px;
               font-si