简单的工作室

当前位置: 主页>编程技巧>

CSS 下拉菜单

时间:2018-12-21 00:49来源:runoob.com 作者:简单的工作室 点击:
CSS 下拉菜单 使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。 下拉菜单 创建下拉菜单,并允许用户选取列表中的某一项: 这个实例类似前面的实例,当我们在下拉列表中添加了链接,并设置了样式: 实例 style /* 下拉按钮样式 */ .dropbtn { background-color: #4C

CSS 下拉菜单

使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。


下拉菜单

创建下拉菜单,并允许用户选取列表中的某一项:

这个实例类似前面的实例,当我们在下拉列表中添加了链接,并设置了样式:

实例



<div class="dropdown">
  <button class="dropbtn">下拉菜单</button>
  <div class="dropdown-content">
    <a href="#">菜鸟教程 1</a>
    <a href="#">菜鸟教程 2</a>
    <a href="#">菜鸟教程 3</a>
  </div>
</div>


尝试一下 »


(责任编辑:简单的工作室)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容