颜色

Coddy CSS 项目：炫酷按钮课程的第 4 课，共 8 课。

设置按钮样式时，背景颜色和文字颜色是最重要的因素之一！

为了保证文字清晰易读，需要注意颜色对比度。背景颜色较深时，文字颜色应该较亮。

深色的一些示例：

亮色的一些示例：

挑战

简单

任务：

提示：

你可以设置线性渐变背景颜色（可以调整颜色），

background: linear-gradient(rgb(6, 6, 209), rgb(46, 46, 219));

也可以设置角度（例如 45 度），

background: linear-gradient(45deg, rgb(6, 6, 209), rgb(46, 46, 219));

亲手试试

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

CSS 项目：炫酷按钮中的所有课

1简介

2CSS 项目

颜色