CSS 图标是一种具有扁平外观的图像，通常用于展示信息和通知。它们通常由图标样式和背景图像组成。使用 CSS 样式，大家可以创建不同类型的图标，包括圆形、方形、三角形、文字图标等。通过改变 CSS 图标的颜色值，大家可以使图标更具有色彩和个性化。
下面是一些示例代码，演示了如何改变 CSS 图标的颜色值：
<style>
.icon {
width: 20px;
height: 20px;
background-color: #f00;
border-radius: 50%;
cursor: pointer;
.icon:hover {
background-color: #900;
</style>
<div class=”icon”></div>
<style>
.icon {
width: 20px;
height: 20px;
background-color: #909;
border-radius: 50%;
cursor: pointer;
.icon:hover {
background-color: #808;
</style>
<div class=”icon”></div>
在上面的代码中，大家首先定义了一个 `.icon` 元素，并使用 CSS 样式创建了一个圆形的图标。大家使用 `border-radius` 属性来创建一个圆角矩形，并使用 `background-color` 属性来设置图标的背景颜色为白色。然后，大家使用 `:hover` 伪类来设置圆形图标的hover状态，使其在鼠标悬停时变为蓝色。
通过使用这些示例代码，大家可以轻松地改变 CSS 图标的颜色值，以使其更具个性化和视觉效果。大家可以使用这些示例代码来创建各种类型的图标，包括圆形、方形、三角形、文字图标等。通过改变 CSS 图标的颜色值，大家可以使图标更具有色彩和个性化，从而更好地展示信息和通知。