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

 时间:2024-10-12 04:24:52

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标签设置菜单列表
  • 如何创建SQLSERVER数据库备份维护计划
  • javascript(js)中怎么获取下拉框option的值?
  • sublime text3怎么分屏显示及关闭分屏?
  • 如何用Java创建窗体顶部菜单
  • visual studio在书签管理怎么删除标签
  • 热门搜索
    阴囊瘙痒是怎么回事 脸上起红疙瘩怎么回事 鸡眼怎么治疗 水培植物怎么养 网上买机票怎么取票 麦冬怎么吃 苹果通话时怎么录音 惠达卫浴怎么样 膈肌痉挛老打嗝怎么办 怎么办暂住证