你好，麻烦看下代码优化

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

你好，麻烦看下代码优化

来源：4-7 编程练习

徐海燕420282

2019-11-27 21:25:09

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>display属性</title>

<style type="text/css">

/*样式补充*/

div,h3,ul,li{padding:0px;margin:0px;}

.big{

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

width:150px;

border:1px solid rgb(202,202,202);

margin:0 auto;

}

h3{

border-top:1px solid rgb(202,202,202);

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

text-align:center;

font: bold 23px "隶书";

}

.elec,.wash,.clothes{

list-style:none;

background-color:#fff;

font:18px "隶书";

padding:0px 0px 0px 55px;

line-height:2em;

display:none;

}

.div1:hover .elec,.div2:hover .wash,.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回答

好帮手慕码

好帮手慕码

2019-11-28

同学你好，代码效果正确。继续加油，祝学习愉快~

0

0 学习 · 40143 问题

相似问题

麻烦老师检查下有没语法错误，并且说下哪里可以优化简写的

回答 1

检查代码，运行效果没问题，麻烦看看该如何优化。

回答 1

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

回答 1

麻烦老师看下代码能否优化

回答 1

4-7麻烦老师看一下是否正确或者需要优化？

回答 1

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