css在图标后面加文本

CSS是一种用于网页设计、排版的语言，它可以实现各种各样的效果，包括在图标后面加上文本。

/* 在图标后面加上文本 */.icon {
    display: inline-block;
       /* 设置为行内块元素 */background-image: url("icon.png");
       /* 设置图标 */background-size: cover;
       /* 调整图标大小以适应元素 */width: 20px;
    height: 20px;
    margin-right: 5px;
   /* 图标与文本之间的间距 */}
/* 文本样式 */.text {
    display: inline-block;
       /* 设置为行内块元素 */font-size: 16px;
    color: #333;
}
    

在HTML中，我们可以将图标和文本分别包含在一个元素中：

div class="item">
    span class="icon">
    /span>
    span class="text">
    文本内容/span>
    /div>
    

这样，就可以在每个项目中添加一个图标，并在其后面显示文本内容了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！