首页 > 软件开发 > JavaScript >

WEB前端+微信程序开发正能量之Html标签二

来源:互联网 2023-03-16 23:56:55 442

大家在平常浏览网页时,看到导航上的菜单了,鼠标划过,就会弹出下级菜单,想不想自己动手试试!那就让咱们一起来吧!81X办公区 - 实用经验教程分享!

工具/原料

  • 电脑 手机 数据线
  • 开发者工具(webstorm)等

方法/步骤

  • 1

    一:ul>标签:声明一个无序列表项,与li>标签配套使用,如下图81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 2

    运行程序,结果如下图:81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 3

    还可以在li>标签里面嵌套ul>标签,如下图81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 3相关内容未经授权抓取自百度经验
  • 4

    运行程序,结果如下图:81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 5

    还可以在ul> li>标签里面添加属性:“circle”,"square"例:在第一个ul>标签里面添加"square"属性,如图81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 6

    运行程序:结果如下81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 方法/步骤2

  • 1

    ol>标签:声明一个有序列表项,用法与ul>标签相同,如下图81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 2

    运行程序,结果如下:81X办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之Html标签二81X办公区 - 实用经验教程分享!

  • 注意事项

    • 前面有点项的是标签
    • 以序号排列的是标签,如“1 ,2 ,3 ,4”,“A, B ,C ,D”等

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!81X办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码