lt！DOCTYPE HTMLlthtmllthead ltmeta。

html中表单下拉框1到100的步骤 1新建一个html文件2在body标签里写入下拉列表select标记3在select标记中用option写入下拉框内的值，想要多少就写多少即可。

使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中添加链接在本步骤中，在无序列表ul每一项上添加链接4在“关于我们。

现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ltullt li标签的liststyle样式和lta标签的默认下划线接下来再添加适当的样式根据实际需要添加进行美化，如一下样式ltstyle type=quottextcssquot margin0 padding0 ul， li liststyle a textdecoration。

select标签实现 注如果是联动下拉菜单的话，需要通过js动态处理select中的option纯css三级下拉菜单，下面是样式表 * common styling * menu fontfamily arial， sansserif width750px positionrelative margin0 fontsize11px margin50px 0 menu ul li a， menu ul l。

很多小可爱自学了HTML网页之后，也想做一些交互特效，比如二级下拉菜单，鼠标经过下滑菜单等，今天小编我就来分享一下HTML网页二级下拉菜单，小编我用jQuery来写的二级下拉菜单，挺简单的如图所示，二级下拉菜单一般都是这样来制作的，就是在li标签里面再放一个ul标签然后就会有这样的效果了，不过距离。

浏览器 1打开Notepad++，先输入个页面框架 DOCTYPE html html xmlns= hade hade body body 2框架好了，那么就该定义页面的title，关键词keyword，和描述description meta charset=UTF8 content=texthtml。

displayinlineblock声明可以将菜单调整到合适宽度3设置鼠标悬停时的字体渐变颜色图示中的代码在悬停时，将链接变为深色渐变背景和白色文字的字体4使用样式表显示子菜单当前子菜单样式继承主菜单元素我们要让子菜单项垂直显示在主菜单项下方5定位下拉菜单，并将菜单项对齐这将会同时。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码select width 210px3浏览器运行indexhtml页面，此时网页下拉列表的大小被调整为了210px。