#header{display:none;} /* 将默认的导航头屏蔽掉，这样才能把自己的导航栏加上去 *//* 定制自己导航栏的样式 */ #shwtop ul {margin: 0;padding: 0;list-style-type: none; /*去除li前的标注*/background-color: #333;overflow: hidden; /*隐藏溢出的部分，保持一行*/ } #shwtop li {float: left; /*左浮动*/ } #shwtop li a, .dropbtn {display: inline-block; /*设置成块*/color: white;text-align: center;text-decoration: none;padding: 14px 16px; } /*鼠标移上去，改变背景颜色*/ #shwtop li a:hover, .dropdown:hover .dropbtn { /* 当然颜色你可以自己改成自己喜欢的，我还是挺喜欢蓝色的 */background-color: blue; } #shwtop .dropdown {/*display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。*/display: inline-block; } #shwtop .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } #shwtop .dropdown-content a {display: block;color: black;padding: 8px 10px;text-decoration:none; } #shwtop .dropdown-content a:hover {background-color: #a1a1a1; } #shwtop .dropdown:hover .dropdown-content{display: block; }