发表于： 2019-04-12 23:50:23
1 810
今天完成的事情：
1.完成任务六。
2.做了个下拉菜单的demo,
div {
display: flex;
justify-content: space-around;
}
ul {
list-style: none;
padding: 0;
}
.box5 {
text-decoration: none;
}
/* 颜色是需要哪里就转换哪里就行了 */
.box5:hover a{
background-color: aqua;
}
.box4 {
display: none;
}
/* box4到box2是个转换关系 */
/* 当box4写不显示代码时，在box2转换下触碰就能显示 */
.box2:hover .box4 {
display: block;
}
</style>
</head>
<body>
<div class="box1">
<ul class="box2">
<li class="box3"><a href="#">所在地</a></li>
<ul class="box4">
<li class="box5"><a href="#">北京</a></li>
<li class="box5"><a href="#">上海</a></li>
</ul>
</ul>
明天的计划：
1.做任务七，
2.学习任务七需要的知识点。
遇到问题：
1.在给下拉菜单设置颜色的时候，修改颜色和自己预想的不一样。
2.对下拉菜单这个知识点还不是很熟练。
收获：
1.玩成任务六。
2.学习了下拉菜单这个知识点。
返回列表
评论