css点击显示li标签

CSS是网页设计中不可或缺的一部分，它可以帮助我们控制页面的样式，从而让我们的网页更加美观和易于操作。

如果我们想在网页中使用一个下拉菜单来显示一些列表选项，我们可以使用CSS来创建这个菜单，并将每一个选项放入一个li标签中。

/* CSS代码 */
ul {
  list-style-type: none;
 /* 清除默认列表样式 */
}
li {
  display: none;
 /* 隐藏选项 */
}
/* 当鼠标悬停在菜单上时显示选项 */
ul:hover li {
  display: block;
}
 

上面的CSS代码使用了两个重要的属性：display和:hover。display可以控制元素的显示方式，我们将所有的li元素初始值设置为none，即隐藏它们。当鼠标悬停在ul元素上时，我们通过:hover选择器将所有的li元素显示出来，从而创建了一个下拉菜单。

这样，我们就可以在网页上展示一些分类或者标签，通过点击菜单来显示对应的选项。代码简单易懂，易于操作，是一种非常实用的网页设计技巧。