养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何使用HTML5中的menu标签设置菜单列表

时间:2024-10-18 03:34:13

在HTML5中,menu元素表示菜单列表,可以结合无序列表的子项li。这样,使用m娣定撰钠enu和li元素结合,创建菜单。

如何使用HTML5中的menu标签设置菜单列表

工具/原料

HTML5

CSS3

HBuilderX

截图工具

浏览器

方法/步骤

1、双击打开HBuilderX工具,在指定文件夹下,新建页面文件

如何使用HTML5中的menu标签设置菜单列表

如何使用HTML5中的menu标签设置菜单列表

2、在<body></body>标签中,插入一个menu元素和li元素

如何使用HTML5中的menu标签设置菜单列表

3、保存代码并运行页面文件,打开浏览器,可以查看到界面显示效果

如何使用HTML5中的menu标签设置菜单列表

4、利用元素和伪类选择器,设置宽度和背景色

如何使用HTML5中的menu标签设置菜单列表

5、再次保存代码并刷新浏览器,可以看到菜单列表显示效果,出现背景颜色

如何使用HTML5中的menu标签设置菜单列表

6、为了去掉列表前面的点,可以使用list-style-type,设置为none

如何使用HTML5中的menu标签设置菜单列表

© 一点知识