麻烦老师帮我看看我的代码需要改进的地方，谢谢

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

麻烦老师帮我看看我的代码需要改进的地方，谢谢

来源：4-7 编程练习

是阿呆啊

2019-10-16 11:36:01

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>display属性</title>

<style type="text/css">

/*样式补充*/

div,h3,ul,li{

margin:0;

padding:0;

}

.big{

text-align:center;

width:130px;

font-family:"微软雅黑";

}

ul{

border-left:1px gray solid;

border-right:1px gray solid;

}

.clothes{

border-bottom:1px gray solid;

}

ul li{

display:none;

list-style:none;

padding:5px 0px;

}

h3{

background:#ececec;

border:1px gray solid;

}

div.div1:hover ul.elec li{display:block;}

div.div2:hover ul.wash li{display:block;}

div.div3:hover ul.clothes li{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回答

好帮手慕码

好帮手慕码

2019-10-16

同学你好！

代码效果实现ok，无需优化。

如果帮助到了你，欢迎采纳，祝学习愉快~

0

0 学习 · 40143 问题

相似问题

老师帮我看一下，谢谢！

回答 2

麻烦老师看一下我的代码，有没有需要改进和优化的？谢谢！

回答 1

4-6案例应用，请问老师，我的代码是哪里错，还有哪里需要改进，谢谢。

回答 2

老师，看看代码有什么问题，谢谢你？

回答 3

请老师看一下我的代码，有没有需要优化的地方

回答 2

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