<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
#box{width:200px; height:50px; overflow:hidden; cursor: pointer; transition: all 0.35s;}
#box:hover{height:250px;}
#box ul{list-style:none; margin:0; padding:0;}
#box ul li{width:198px; height:48px; line-height: 50px; text-align: center; border:1px green solid; background:#46A546; color:white;}
</style>
<body>
<div id="box">
<ul>
<li>A</li>
<li>AA</li>
<li>AB</li>
<li>AC</li>
<li>AD</li>
</ul>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
#box{width:200px; height:50px; overflow:hidden; cursor: pointer; transition: all 0.35s;}
#box:hover{height:250px;}
#box ul{list-style:none; margin:0; padding:0;}
#box ul li{width:198px; height:48px; line-height: 50px; text-align: center; border:1px green solid; background:#46A546; color:white;}
</style>
<body>
<div id="box">
<ul>
<li>A</li>
<li>AA</li>
<li>AB</li>
<li>AC</li>
<li>AD</li>
</ul>
</div>
</body>
</html>
3323
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
