CSS颜色填充是网页设计中重要的元素之一，它在网页设计中有着广泛的应用。通过CSS颜色填充可以实现网页色彩的呈现、界面设计的美观与个性化，同时也可以增强网站的视觉效果。

在CSS中，用于填充颜色的属性是background-color属性。为了避免后续代码出现错误，我们可以用pre标签来存放代码。

body {
background-color: #ccc;
}
h1 {
background-color: yellow;
}
.nav {
background-color: rgba(255, 0, 0, 0.5);
}

在上述代码中，我们分别为body、h1和.nav元素设置了不同的background-color属性，分别为#ccc、yellow和rgba(255, 0, 0, 0.5)。其中，#ccc和yellow分别是一种十六进制表示颜色和CSS3新特性的关键词表示，而rgba(255, 0, 0, 0.5)则是一种含有透明度的颜色。

除此之外，CSS中还有其他几种表示颜色的方法，如rgb()、hsl()等。如下所示：

p {
background-color: rgb(100, 200, 50);
background-color: hsl(120, 100%, 50%);
}

在这两行代码中，我们分别使用了rgb()和hsl()方法来设置p元素的background-color属性。

总的来说，css颜色填充是一个非常灵活且应用广泛的网页设计元素，通过不同的颜色填充，可以使得网页的视觉效果更加美观与个性化。