[分享]css发布消息后面带小图标

CSS（Cascading Style Sheets）是一种用于网页设计中的样式语言。在网页中使用CSS可以让开发者实现更加美观的网页设计，而且使用CSS还可以非常方便地给网页添加各种效果，比如：小图...

CSS（Cascading Style Sheets）是一种用于网页设计中的样式语言。在网页中使用CSS可以让开发者实现更加美观的网页设计，而且使用CSS还可以非常方便地给网页添加各种效果，比如：小图标。

小图标是一些小巧玲珑的图标，它们可以让页面更加生动，吸引用户的注意力。有时候，我们需要通过CSS来添加一些小图标来增强消息的可读性，这个时候我们可以使用如下代码：

/* 添加消息提示图标 */
.message:before {
    content: "\e014";
    font-family: 'Glyphicons Halflings';
    font-size: 18px;
    display: inline-block;
    margin-right: 5px;
    color: #f00;
} 

在上面的代码中，我们使用了伪元素（:before），通过 content 属性来添加 Icon 图标。使用 font-family 属性来设置字体，而字体集成了图标，因此可以通过设置字体大小等属性来控制图标的大小。

使用上述代码后，我们可以在 HTML 中添加一个 class，例如 .message，并在其后面添加文本或其他内容即可在其前面添加 Icon 图标显示。

通过使用 CSS，我们可以很方便地添加各种小图标，以增强消息的可读性，让页面的设计更加美观、生动、吸引人。