在网页设计中，很多时候我们需要为一些特定的元素添加小图标，以达到更好的视觉效果。这时候，CSS就为我们提供了方便的方法来设置小图标。

首先，我们需要准备好小图标的图片文件，可以选择PNG、SVG等格式。然后，我们在CSS中使用如下代码来设置：

.icon {
background-image: url("path/to/icon.png");
background-position: center;
background-repeat: no-repeat;
/* 可以添加其他属性 */
}

在这个代码中，我们使用了一个名为.icon的类来给元素添加小图标。其中，background-image属性用于指定图标图片的路径，我们需要将“path/to/icon.png”替换成实际路径。background-position属性则用于指定图标在元素中的位置，这里我们使用了center居中对齐。最后，我们使用background-repeat属性来防止图标在元素中重复出现。

除了上述属性，我们还可以使用其他一些属性来进一步定制小图标的样式，比如background-size、width、height、opacity等。例如：

.icon {
background-image: url("path/to/icon.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
opacity: 0.5;
}

在这个代码中，我们设置了background-size属性，让图标大小为20x20像素，同时通过width和height属性也进行了确认。另外，我们还使用了opacity属性来降低图标的透明度，使其与元素更好地融合。

总之，CSS中的小图标设置是比较简单的，我们只需要准备好图片文件，并在CSS中添加相应的属性即可。通过不同的属性组合，我们可以实现各种各样的小图标样式，让网页更加美观、易于识别。