手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用HTML5中的dl列表以及子项嵌套使用

时间:2024-10-16 11:03:05

1、第一步,双击打开HBuilder开发工具,创建web项目,并新建页面文件

如何使用HTML5中的dl列表以及子项嵌套使用

2、第二步,在<body></body>元素中,插入一个dl标签,然后粝简肯惧内部添加多个dt和dd

如何使用HTML5中的dl列表以及子项嵌套使用

3、第三步,保存代码并运行页面文件,打开浏览器,查看dl列表显示的效果

如何使用HTML5中的dl列表以及子项嵌套使用

4、第四步,接着在dl同级下面,插入另一个dl元素,然后保存代码

如何使用HTML5中的dl列表以及子项嵌套使用

5、第五步,刷新浏览器,可以查看到dt元素内容和dd元素内容出现错位显示

如何使用HTML5中的dl列表以及子项嵌套使用

6、第六步,为了区分dl、dt和dd元素,在style标签中,添加字体样式和背景颜色

如何使用HTML5中的dl列表以及子项嵌套使用
© 手抄报圈