请老师检查一下

首页课程实战体系课手记专栏慕课教程

请老师检查一下

来源：4-7 编程练习

qq_云淡风轻_127

2018-08-20 10:37:09

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>display属性</title>

<style type="text/css">

div,body,p,ul{margin: 0px;padding: 0px;}

.big{text-align: center;

background-color: rgb(238,238,238);

width: 150px;

margin: auto;}

.div1,.div2,.div3{

border-bottom: 1px solid rgb(221,221,221);}

.div1{padding-top: 2px}

.elec,.wash,.clothes{background-color: white;}

li{line-height: 30px;

list-style: none;}

.elec,.wash,.clothes{display: none;}

.div1:hover .elec{display: block;}

.div2:hover .wash{display: block;}

.div3:hover .clothes{display: block;}

</style>

</head>

<body>

<div class="big">

<div class="div1">

<h3>家电</h3>

<ul class="elec">

<li>冰箱</li>

<li>洗衣机</li>

<li>空调</li>

</ul>

</div>

<div class="div2">

<h3>洗护</h3>

<ul class="wash">

<li>洗衣液</li>

<li>消毒液</li>

<li>柔顺剂</li>

</ul>

</div>

<div class="div3">

<h3>衣物</h3>

<ul class="clothes">

<li>衬衫</li>

<li>裤子</li>

<li>卫衣</li>

</ul>

</div>

</div>

</body>

</html>

写回答

1回答

好帮手慕糖

好帮手慕糖

2018-08-20

已采纳

你好，实现效果没有问题，还有点建议：可以在鼠标移入的时候，添加下上边框哦，例：

欢迎采纳。祝学习愉快~

0

hq_云淡风轻_127

h 好的，谢谢

h018-08-20

共1条回复

0 学习 · 36712 问题

相似问题

老师检查一下

回答 1

老师请检查一下

回答 1

3-9老师麻烦看一下

回答 1

老师，请帮我检查一下。

回答 1

请老师检查一下

回答 1

打开慕课网App查看更多内容