下载掌阅APP，畅读海量书库
立即打开
下面再安排一个同步训练案例，效果如图2-16所示。
图2-16 待办事项效果图
通过图2-16的效果图，可以发现其整体结构和上机实战相同，同样可以将待办事项列表分成三个部分。
解题思路与上机实战项目相同，唯一的区别就是最后部分多了一个无序列表的嵌套，在＜li＞标签里继续使用＜ol＞、＜li＞标签即可。
步骤01 新建一个记事本文档，在文档中输入以下代码。
步骤02 在最后一部分内容的＜li＞标签中，添加＜ul＞、＜li＞标签，实现列表的嵌套。相关代码如下。
步骤03 全部的代码完成之后，在浏览器中打开，查看运行效果。