css 元素前后添加图标(::before 和 ::after 的妙用)
  0bfdPFxSVzID 2023年12月19日 48 0


css 元素前后添加图标(::before 和 ::after 的妙用)_css

<template>
  <div class="container">
    <div class="label">猜你喜欢</div>
  </div>
</template>

<style lang="scss" scoped>
.label {
  display: flex;
  &::before,
  &::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(./bubble.png);
    background-size: contain;
    margin: -2px 10px;
  }
}
.container {
  margin: 30px;
}
</style>


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月19日 0

暂无评论

推荐阅读
0bfdPFxSVzID