请老师检查2-9的作业
来源：1-1 课程简介
qq_慕粉3009731
2023-04-09 14:32:43
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
left:500px;
}
.box{
width: 1200px;
overflow: hidden;
margin: 40px auto;
position:relative;
}
.box img{
width: 300px;
height: 240px;
}
.box p{
position: absolute;
width: 280px;
height: 20px;
bottom: -20px;
left: 0;
padding-left: 20px;
background-color: rgba(0,0,0,.5);
color:white;
transition: bottom 0.2s linear 0s;
}
.box:hover p{
bottom: 0;
}
</style>
</head>
<body>
<div class="box">
<img src="images/duck.png">
<p>这是一只小黄鸭</p>
</div>
</body>
</html>
1回答
-
好帮手慕小李
2023-04-10
同学你好，从效果上来看同学确实是完成了，但是细节还可以在做一下优化。如下：
最终效果如下：
祝学习愉快！
0
相似问题