阴影

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

给按钮添加阴影效果是一种常见做法，可以让按钮显得凸起且可点击。

在 CSS 中，我们使用 box-shadow 属性来添加阴影，

#with-shadow {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}

挑战

简单

给按钮添加阴影！

提示：使用 rgba(0, 0, 0, 0.25) 作为阴影颜色是个好习惯（你可以调整不透明度，0.25）

亲手试试

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

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

1简介

2CSS 项目

阴影