abstract:测试小菜单,功能是可以了。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>ttt</title><style type="text/css">*{padding: 0px;margin: 0px;}ul {flo
测试小菜单,功能是可以了。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ttt</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
ul {float: left;background-color: #e87e51;width:100px;height: 20px;text-align:center}
ul li {background-color: #f2753f;width:100px;height: 20px;text-align:center;list-style: none;text-height:20px;display: none;}
.menu:hover li{display: block;}
.menu:hover {background-color: #f2753f;}
ul li:hover {background: #f29f3f;}
</style>
</head>
<body>
<ul>1
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
<li>1.4</li>
</ul>
<ul>2
<li>2.1</li>
<li>2.2</li>
<li>2.3</li>
<li>2.4</li>
</ul>
<ul>3
<li>3.1</li>
<li>3.2</li>
<li>3.3</li>
<li>3.4</li>
</ul>
<ul>4
<li>4.1</li>
<li>4.2</li>
<li>4.3</li>
<li>4.4</li>
</ul>
<ul>5
<li>5.1</li>
<li>5.2</li>
<li>5.3</li>
<li>5.4</li>
</ul>
</body>
</html>
Correcting teacher:韦小宝Correction time:2018-12-24 09:15:30
Teacher's summary:写的很不错!课后记得多找点类似的小案例来写一写!