这篇博客介绍了如何使用CSS的Flex布局来实现一个简单的下拉菜单。通过修改不同的CSS属性，展示了初始状态、鼠标悬停一级标题以及二级标题显示时的样式变化。HTML和CSS代码示例详细说明了菜单的结构和样式设置。
二级菜单效果图：
1.初始状态下的样式以及布局：
2.当鼠标放在一级标题上时的效果，字体和背景色改变
3.鼠标放到二级标题时显示的效果
HTML代码：
<!DOCTYPE html>
<html>
<head>
<link href="../css/erji_flex.css" rel="stylesheet">
<meta charset="utf-8">
<title>flex 导航栏</title>
</head>
<body>
<div id="flex_container">
<div id="flex_erji"><a href="#">菜单一</a>
<li>
最低0.47元/天 解锁文章
扫一扫
2982
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
