[HTML]Web前端开发技术13（HTML5、CSS3、JavaScript ）横向二级导航菜单 Web页面设计实例——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！

最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！

喵喵喵，你对我真的很重要！

目录

前言

横向二级导航菜单

Web页面设计实例

总结

---

前言

该练的还是要练，终究是自己的！

---

• 网页标题：二级下拉导航菜单
• 网页的主体部分代码为：

• 使用外部样式表为其设置样式，在CSS文件夹下新建样式表文件style10.css

• @charset "utf-8";
  /* CSS Document */
  ul{
  	margin:0;
  	padding:0;
  }
  
  ul li{
  	height:30px;
  	width:115px;
  	list-style-type:none;
  	float:left;
  	font:0.9em Arial, Helvetica, sans-serif;
  	text-align:center;
  	/*display:inline;*/
  }
  
  ul li a{
  	color:#fff;
  	width:113px;
  	margin:0px;
  	padding:0 0 0 8px;
  	display:inline-block; /*display:block;*/
  	background:#808080;
  	line-height:29px;
  	border-right:1px soli