下拉菜单懂得了hover的用法

Original 2019-04-15 14:19:47 226
abstract:<!DOCTYPE html><html><head> <title>下拉</title></head><style type="text/css">*{margin:0;padding:0;}.fl{float: left;}li {list-style: none; }.nav li{flo

<!DOCTYPE html>

<html>

<head>

<title>下拉</title>

</head>

<style type="text/css">

*{margin:0;padding:0;}

.fl{float: left;}

li {list-style: none; }

.nav li{float: left; width:40px;}

.m {display: none;}

.nav li ul li { padding:10px 0; }

.nav li:hover .m{display: block;}

</style>

<body>

<ul class="nav">

<li>国内

<ul class="m">

<li><a href="">哈弗</a></li>

<li><a href="">长安</a></li>

</ul>

</li>


<li>国外

<ul class="m">

<li><a href="">大众</a></li>

<li><a href="">现代</a></li>

</ul>

</li>


</ul>


</body>

</html>


Correcting teacher:查无此人Correction time:2019-04-16 09:51:07
Teacher's summary:完成的不错。有进步就是好的,刚学习编程比较辛苦,继续加油。

Release Notes

Popular Entries