css元素小图标 |css 省略号不起作用

示例代码：
.icon {
display: inline-block;
width: 16px;
height: 16px;
background-image: url('path/to/icon.png');
}
.icon-success {
background-position: 0 -16px;
}
.icon-warning {
background-position: 0 -32px;
}
.icon-error {
background-position: 0 -48px;
}

在上面的示例代码中，大家定义了一个图标类“icon”，它有16×16像素的大小，并且使用了一张名为“icon.png”的背景图片。为了更好地组织代码，大家还定义了几个不同的图标类，例如.icon-success、.icon-warning和.icon-error，它们都使用了不同的背景位置，从而实现了不同的样式。

从上面的示例代码中可以看出，CSS元素小图标具有以下几个优点：

• 美观 — 元素小图标可以帮助网页更加美观。
• 语义化 — 元素小图标可以用来表示特定的信息，从而增加了网站的语义化。
• 可定制化 — 在CSS中，可以很容易地修改元素小图标的颜色和大小，以适应不同的设计需要。

总之，CSS元素小图标是一种非常优秀的CSS技巧，使用它们可以让您的网站更精美、更生动、更符合语义化。