CSS按钮是网页设计中常用并且十分常见的元素。通过添加小图标，可以增强按钮的视觉效果和信息传递能力。

.btn {display: inline-block;padding: 10px 16px;margin: 10px;border: none;border-radius: 4px;background-color: #007bff;color: #fff;font-size: 16px;font-weight: 600;text-align: center;text-decoration: none;}.btn:hover {background-color: #0069d9;}.btn:before {content: url("icon.png");margin-right: 8px;}

以上是一个简单的CSS按钮代码示例。通过添加:before伪类选择器，我们可以轻松实现按钮加小图标的效果。

在:before中，我们使用了content属性来为按钮添加图标。这里需要注意的是，引用的图标需要使用路径或链接地址。在本例中，我们使用了icon.png作为图标路径。

除了这个简单的CSS按钮代码示例，我们还可以根据实际需要调整按钮的不同样式和图标。

总的来说，通过在CSS按钮中加入小图标是一个简单而又有效的方式，可以使按钮更加美观和易于辨别，增强用户对按钮的理解和操作。在网页设计中，CSS按钮加小图标是不可或缺的元素，创造更加优秀的用户体验。