章节
问答
课签
笔记
评论
占位
占位

编程练习

小伙伴们,根据所学知识,制作如下所示的嵌套列表。

温馨提示: 完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。

任务

1. 制作最外层列表,包含的列表项有“首页”和“课程中心”两项。

2. 在“课程中心”列表项中嵌套第二个列表,包含的列表项有“Web前端”、“Android开发”、“PHP开发”三项。

3. 在“Web前端”列表项中嵌套第三个列表,包含的列表项有“HTML”、“CSS”、“JavaScript”、“jQuery”。

提示: 按照嵌套关系,先做最外层的列表,然后再逐个嵌套。
?不会了怎么办

小伙伴们,可以在右下角的"源代码下载"区,下载参考代码。

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / qq_慕工程3004208
隐藏的时候将top2设置为display:none隐藏的时候将top2中间的属性 top2{: display:none  ;} 显示的话  .top1 li a:hover .top2{ display:block }哇  刚写完看到时间是18年

最赞回答 / 慕村7349194
<style type="text/css">*{margin:0px;padding:0px;}.top{    width:300px;    background:#fff;    padding-left:40px;}.top a{    color:#000;    text-decoration:none;}.top li ul {padding-left:80px;}.top li ul li ul{padding-left:40px;}</style></he...

最新回答 / qq_诺_6
用空链接相当刷新页面,不在页面顶部能是哪里

最新回答 / 慕无忌4399567
<ul>    <li>HTML</li>     <li>CSS</li>     <li>Javascript</li>     <li>jQueryL</li></ul>这个部分应该放在<li>web前端</li>里面吧

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分

最新回答 / 邱政
你好朋友

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分

最新回答 / 铭天更精彩
你的嵌套关系不对哦 应该如下:<ul>    <li>首页</li>    <li>课程中心       <ul>           <li>web前端                <ul>                    <li>html</li>                    <li>css</li>                    <li&...
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言