麻烦老师看一下怎么改进

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

麻烦老师看一下怎么改进

来源：4-7 编程练习

慕斯9523191

2020-07-30 07:55:46

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>display属性</title>

<style type="text/css">

/*样式补充*/

body,div,h3,ul{list-style:none;margin:0;padding:0;font-family:"宋体";}

.big

{background-color:#fff;

font-size:em;

border:1px grayd;

width:100px;

text-align:center;

margin:50px auto;

border-top:1px #d9dde1 solid;

}

a{text-decoration:none;

color:black;}

h3

{background-color:#f2f4f5;

border-left:1px #d9dde1 solid;

border-right:1px #d9dde1 solid;

border-bottom:1px #d9dde1 solid;

height:25px;

padding:3px;

font-size:1.2em;

}

ul li{display:none;

height:20px;

padding:3px;

font-size:0.8em;

}

ul{

border-left:1px #d9dde1 solid;

border-right:1px #d9dde1 solid;

border-bottom:1px #d9dde1 solid;

}

.div1:hover li{display:block;}

.div2:hover li{display:block;}

.div3:hover li{display:block;}

</style>

</head>

<body>

<div class="big">

<div class="div1">

<h3 ><a href="#">家电</a></h3>

<ul class="elec">

<li>冰箱</li>

<li>洗衣机</li>

<li>空调</li>

</ul>

</div>

<div class="div2">

<h3 ><a href="#">洗护</a></h3>

<ul class="wash">

<li>洗衣液</li>

<li>消毒液</li>

<li>柔顺剂</li>

</ul>

</div>

<div class="div3">

<h3> <a href="#">衣物</a></h3>

<ul class="clothes">

<li>衬衫</li>

<li>裤子</li>

<li>卫衣</li>

</ul>

</div>

</div>

</body>

</html>

写回答

1回答

好帮手慕夭夭

好帮手慕夭夭

2020-07-30

同学你好，代码的问题与修改如下：

1.字体大小没有写具体的字号，只有单位，边框颜色拼错。

正确示范如下：

不过这里不需要设置字体，边框下面也设置了一个上边框，可以去掉：

2.样式一样的，可以合并优化，如下：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0

0 学习 · 40143 问题

相似问题

麻烦老师检查一下

回答 4

4-7麻烦老师帮忙提示一下

回答 3

4-7编程，请老师看一下。

回答 2

老师，麻烦看下哪里需要改进，

回答 1

麻烦老师看看有没有哪里需要改进的

回答 1

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