在使用CSS设计下拉菜单时,我们通常会给每个下拉选项包含一个标签,这个标签通常被用来设置选项的文字和链接地址。但是,在某些情况下,我们可能会希望下拉菜单没有标签,这可以通过CSS实现。 下面的示例代码
<div class="dropdown-menu"> <div class="dropdown-item">选项一</div> <div class="dropdown-item">选项二</div> <div class="dropdown-item">选项三</div> </div>
.dropdown-menu { position: relative; display: inline-block; } .dropdown-item { display: block; padding: 10px 15px; cursor: pointer; } .dropdown-item:hover { background-color: #f5f5f5; }
粉丝
0
关注
0
收藏
0