摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } ul{
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
.main li{
float: left;
width: 100px;
height: 20px;
border: 1px solid #FD8888;
}
.show{
display: none;
}
.show li{
width: 40px;
height: 30px;
border: 1px solid black;
float: left;
}
.main li:hover .show{
display: inline;
}
</style>
</head>
<body>
<ul class="main">
<li>
一
<br />
<ul class="show">
<li>Q</li>
<li>E</li>
</ul>
</li>
<li>
二
<br />
<ul class="show">
<li>W</li>
<li>E</li>
</ul>
</li>
<li>
三
<br />
<ul class="show">
<li>E</li>
<li>E</li>
</ul>
</li>
<li>
四
<br />
<ul class="show">
<li>R</li>
<li>E</li>
</ul>
</li>
<li>
五
<br />
<ul class="show">
<li>T</li>
<li>E</li>
</ul>
</li>
<li>
六
<br />
<ul class="show">
<li>Y</li>
<li>E</li>
</ul>
</li>
</ul>
</body>
</html>
批改老师：天蓬老师批改时间：2018-11-07 20:45:50
老师总结：以后作业应该这样的提交:
1.代码放在代码区,不要以纯文本提交;
2.代码执行结果附一张截图
