二级列表栏

最新推荐文章于 2022-06-09 13:50:18 发布

关山月！

最新推荐文章于 2022-06-09 13:50:18 发布

阅读量328

点赞数

文章标签： eclipse java

本文链接：https://blog.csdn.net/qq_44890321/article/details/121659122

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style type="text/css">
			
			
			.outul{
				width: 50%px;
				height: 40px;
				display: flex;
				justify-content: space-around;
				list-style: none; 
				background: #345;
			}
			.outul li{
				text-align: center;
				height: 36px;
				line-height: 36px;
				
			}
			.innerul{
				visibility: hidden;
				background: #345;
				list-style: none; 
			}
			.innerul li{
				padding: 0 5px;
				list-style: none;
			}
			a{
				text-decoration: none;
				color: black;
				font: 24px/36px "微软雅黑";
				text-align: center;
				
			}
			li:hover .innerul{
				visibility: visible;
				color: brown;
			}
			
		</style>
	</head>
	<body>
	</body>
	<ul class="outul">
		<li><a>首页</a></li>
		<li><a>首页</a></li>
		<li><a>首页</a>
			<ul class="innerul">
				<li><a>首页</a></li>
				<li><a>首页</a></li>
				<li><a>首页</a></li>
			</ul>
		</li>
		<li><a>首页</a></li>
		<li><a>首页</a></li>
		<li><a>首页</a></li>
	</ul>
</html>

关注博主即可阅读全文