Menu
CoddyTech

设置 equal 类的样式

Coddy DOM 项目:计算器 课程的第 10 课,共 14 课。

challenge icon

挑战

简单

目标类 ‘equal’:

  1. 将 grid-column 设置为 span 3。
  2. 设置你选择的背景颜色(不要与其他按钮的颜色相同)。
  3. 添加以下 CSS 代码,实现悬停效果:
  4. .btn:hover {
        opacity: 0.8;
    }

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

DOM 项目:计算器中的所有课

自己练习: Web 在线编辑器