CSS是一种常见的网页样式编程语言，可以用来美化网页，其中背景色和阴影是常用的功能之一。在CSS中，你可以使用 background-color 属性来设置背景颜色，而使用 box-shadow 属性来设置阴影效果。
设置背景色非常简单，只需要将属性值设置为你想要的颜色即可。例如，如果你想将一个 div 元素的背景色设置为红色，可以像这样编写代码：
div {
background-color: red;
}
这将把 div 元素的背景色设置为红色。当然，你可以使用任何有效的颜色值，如十六进制、RGB、HSL 或使用命名颜色。
除了设置纯色背景，你也可以使用CSS创建渐变背景。渐变背景可以让你将多个颜色混合在一起，产生更复杂的背景效果。要创建渐变背景，你需要使用 background-image 属性和 linear-gradient() 或 radial-gradient() 函数。例如，下面的代码将创建一个从上到下的红色 - 黄色渐变背景：
div {
background-image: linear-gradient(to bottom, red, yellow);
}
除了背景色之外，CSS中的另一个常见样式是阴影。阴影属性可以让一个元素看起来更有层次感，加强其与其他元素之间的区分度。要创建一个阴影，你可以使用 box-shadow 属性。例如，下面的代码将在一个 div 元素周围创建一个 5px 大小、颜色为灰色、模糊半径为 10px 的阴影。
div {
box-shadow: 0 0 10px 5px gray;
}
上述代码会使元素看起来像浮起来，描绘出一个与周围元素分离的感觉。
使用CSS可以轻松设置背景色和阴影，并且可以使用渐变和多种效果让你的网页更加生动有趣。通过这两种简单的样式，你可以获得更好的流程和更强的表现力。
