本文主要介绍如何创建HTML select标签下拉菜单的示例，以及如何使用html几个站点的下拉菜单。 让我们来看看这篇文章
首先，我需要知道html下拉菜单的代码吗？
很明显，select元素可以创建单选或多选菜单。
元素的标记用于定义列表中可用的选项。
提示： select元素是一个表单控件，可用于在表单中接受用户输入。
让我们看看下拉菜单代码的例子。
创建包含四个选项的选择列表：
PHP中文网
百度(百度)
腾讯公司
新浪
这样就完成了简单的下拉菜单。 让我们来看看效果：
这是基本的。 添加css样式可以使这个表单变得漂亮。 虽然大多数网站都是这样做的，但是我在尝试手上的情况。
看看真正的网站制作的这个下拉框是什么样的。
这里有一个完整的代码示例：
line-height: 50px； color: #ffffff； } .c{ width: 200px； 高： 300 px； 背景色： gainsboro； 显示：无；
/*可视：隐藏； */} ul{ list-style: none； 玛格琳- left :-40px； } ul li{ line-height: 50px； 显示： block；
width: 200px； 文本对齐3360中心； }.a : hover { cursor : pointer； }.a : hover.c { display : block； } .a:hover
. b{ background-color: green； } Li : hover { background-color : gray； color: #FFFFFF； }
PHP中文网HTML在线学习PHP在线学习python在线学习html5在线学习
虽然很多，但是能做的很好。 让我们看看它在浏览器中的显示方式。
这是刚刚刷新的风格。 看看鼠标放下后发生的变化：
完成后是这样的。 请大家也用这个代码试试。 或者，你可以自己敲出这样的代码出来。 这样的风格，才是我们平时访问网站时的样子。 松开鼠标后，此效果又恢复为上图所示的样式。
关于本篇HTML下拉菜单的文章到此结束，有问题的人请在下面提问。
【小编推荐】