html部分:
<div id="div1">
<div class="ball"></div>
<div class="slide"></div>
<div class="brick">
</div>
</div>
css部分:
*{
margin:0;
padding:0
}
/* 大盒子容器 */
#div1{
margin:0 auto;
width: 600px;
height: 600px;
border:1px solid rgb(54, 53, 54);
position: relative;
background-color: rgba(243, 179, 179, 0.6);
}
/* 弹动的小球 */
.ball{
width: 20px;
height: 20px;
background-color: red;
border-radius: 50%;
position: absolute;
left: 0px;
bottom: 30px;
}
/* 底部小滑块 */
.slide{
width: 100px;
height: 30px;
background-color: rgba(224, 53, 76, 0.8);
position: absolute;
bottom: 0;
left: 250px;
}
/*