缓动的小球-事件
上代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>缓动的小球</title>
<style>
*{
margin: 0; padding: 0;}
#box{
width: 500px; height:100px;
/* border-radius添加圆角边框, 是设置四个border-*-radius属性的简写 */
border-radius: 50px;
background-color: red;
color: #fff;
/* 文字居中 */
text-align: center;
line-height: 100px;
/*鼠标路过变小手 光标: 指针*/
cursor: pointer;
/* 位置: 绝对 */
position: absolute;
}
</style>
</head