在网页设计中，我们常常会需要在标题中添加一些图标来美化页面的效果，这时候就可以使用CSS来实现。 首先我们需要准备一个icon的图片，可以从网络上下载或者自己设计。然后在CSS中定义一个class，比如我使用的是“icon”，样式如下：

.icon {
background-image: url('icon.png'); /* 图片路径 */
background-repeat: no-repeat; /* 不重复 */
background-size: 16px; /* 图片大小 */
padding-left: 20px; /* 图片距离文字间距 */
}

这里使用了背景图片作为图标，设置了不重复、固定大小和距离文字的间距。 然后在HTML中，我们给需要添加图标的标题添加这个class，如下所示：

这是一个带图标的标题

这样，我们就可以给页面的标题添加图标了。如果我们需要使用不同的图标，只需要更换背景图片的路径即可。 同理，我们也可以通过CSS来给页面中的其他元素添加图标，只需要按照上面的方法设置相应的class和样式即可。