如何使用dl代替ul实现无序列表并展示效果
来源:网络收集 点击: 时间:2024-05-10【导读】:
在HTML5中,除了使用ul、ol创建列表外,还可以使用dl、dd和dt创建列表。那么,具体怎么使用呢?工具/原料moreHTML5CSS3HBuilderX截图工具浏览器方法/步骤1/6分步阅读
2/6
3/6
4/6
5/6
6/6
注意事项
双击打开HBuilderX开发工具,新建一个页面文件,然后打开页面

在body/body标签中,插入一个dl标签,然后在内部插入dd和dt

保存代码并运行页面文件,打开浏览器并查看效果

再次添加几个dd和对应的标签内容,然后保存代码

再次刷新浏览器,查看界面效果,可以发现底部多出几项

添加一个style标签,利用元素选择器设置元素背景色

注意如何使用dl、dt和dd实现列表
注意HTML5中的ul和dl的区别
HTML5CSS3DLDDDT版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_724832.html
上一篇:微博签到提醒咋样关闭
下一篇:SketchUp中如何已知两点及半径画弧