麻烦老师查看作业,谢谢。

来源:2-14 编程练习

DanielDu87

2022-02-01 22:24:25

<!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: 100px auto auto;
            color: #ffffff;
            cursor: pointer;
            font-size: 20px;
            font-weight: bold;
            /*添加代码*/
            transition: all 0.5s ease 0s;
         }
         
         #myTest:hover {
            /*添加代码*/
            transform: scale(2.0);
            background-color: green;
            border-radius: 50%;
         }
      </style>
   </head>
   <body>
      <div id="myTest"> duang!</div>
   </body>
</html>


写回答

1回答

好帮手慕星星

2022-02-05

同学你好,代码实现效果很棒,继续加油,祝学习愉快!

0

0 学习 · 17877 问题

查看课程