[分享]css两个字中间的图标

CSS 是前端开发过程中必须要掌握的技能之一，它可以控制网页的样式和布局。在 CSS 中，经常会遇到需要插入一个小图标的情况，这时候需要使用 CSS 中的两个字中间的图标。.icon { width:...

CSS 是前端开发过程中必须要掌握的技能之一，它可以控制网页的样式和布局。在 CSS 中，经常会遇到需要插入一个小图标的情况，这时候需要使用 CSS 中的两个字中间的图标。

.icon {
  width: 16px;
  height: 16px;
  background: url("icon.png");
  background-position: -32px 0;
} 

上面的代码中，我们定义了一个名为“icon”的类，它的宽高都是16像素，而背景图则是通过“background”属性引入的，“background-position”属性指定了背景图在图片中的位置。

当我们将这个类应用到 HTML 元素中时，就会在该元素的两个字之间插入这个小图标。