.parent {
width: 200px;
height: 200px;
background-color: #000000;
.child {
width: 100px;
height: 100px;
background-color: #000000;
color: #FF0000;
CSS3 淡灰色
CSS3 淡灰色是一种颜色，它由两个灰色和一个小的淡色混合而成。淡灰色可以通过 CSS3 的灰色和渐变属性来实现。
在 CSS3 中，灰色可以使用 #000000 或 #0000000000 表示，而淡色可以使用 #00000000FF 或 #00000000RGB 表示。将这两个灰色和淡色组合在一起，就可以得到淡灰色。
以下是一个使用 CSS3 淡灰色的例子：
“`html
.parent {
width: 200px;
height: 200px;
background-color: #000000;
.child {
width: 100px;
height: 100px;
background-color: #000000;
color: #FF0000;
在上面的例子中，`.parent` 元素的背景颜色是 #000000，而`.child` 元素的背景颜色是 #000000，并且它的 color 属性设置为 #FF0000，表示它是淡灰色。
淡灰色可以通过渐变来实现。渐变可以通过 CSS3 的渐变属性来实现，其中常用的渐变色是线性渐变和径向渐变。线性渐变的参数为 x 和 y，而径向渐变的参数为 x 和 y 的平方。
以下是一个使用 CSS3 淡灰色和径向渐变的例子：
“`html
.parent {
width: 200px;
height: 200px;
background-color: #000000;
.child {
width: 100px;
height: 100px;
background-color: #000000;
color: #FF0000;
background: linear-gradient(to right, #FF0000 50%, #000000 50%, #000000 100%);
在上面的例子中，`.parent` 元素的背景颜色是 #000000，而`.child` 元素的背景颜色是 #000000，并且它的 background 属性被设置为线性渐变，从 left 到 right 方向渐变，渐变率为 50%，表示它是淡灰色。
使用 CSS3 淡灰色可以使网页的背景颜色更加柔和，并且可以根据需要轻松调整颜色。