做了一个小菜单试一下

Original 2018-12-23 21:51:11 166
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:写的很不错!课后记得多找点类似的小案例来写一写!

Release Notes

Popular Entries