2-14 编程练习-duang
相关代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#myTest{
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
background-color: #f43838;
margin: auto;
margin-top: 100px;
color: #FFF;
cursor: pointer;
font-size: 20px;
font-weight: bold;
/*添加代码*/
transition: all .5s ease 0s;
}
#myTest:hover {
/*添加代码*/
border-radius: 50%;
background-color: green;
transform: scale(2);
}
</style>
</head>
<body>
<div id="myTest"> duang! </div>
</body>
</html>
6
收起
正在回答
1回答
同学你好,代码是对的,非常棒,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星