当前位置: 首页 > news >正文

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

在这里插入图片描述

<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>
http://www.lryc.cn/news/257697.html

相关文章:

  • C++ 设计模式 Forward Declaration Pimpl
  • 【uniapp】小程序开发8:滚动组件scroll-view
  • Java王者荣耀火柴人
  • 1.鸿蒙应用程序开发app_hap开发环境搭建
  • JDK多版本集成 Jacoco 配置指南
  • 容器及容器调度(云)
  • 实验七 子网的划分
  • Proteus仿真--射击小游戏仿真设计
  • docker的资源控制:
  • Leo赠书活动-13期 【以企业架构为中心的SABOE数字化转型五环法】文末送书
  • 【人工智能 | 知识表示方法】状态空间法 语义网络,良好的知识表示是解题的关键!(笔记总结系列)
  • 华清远见嵌入式学习——QT——作业1
  • MYSQL练习创建存储函数和存储过程
  • Java基础语法面试题
  • 结合ColorUI组件开发微信小程序
  • 如何搭建废品上门回收小程序
  • 蓝牙配对、连接和删除汇总
  • Linux网络——高级IO
  • Java注解详解
  • Android wifi 框架以及Enable流程
  • 十五、机器学习进阶知识:K-Means聚类算法
  • 软件崩溃时Visual Studio中看不到有效的调用堆栈,使用Windbg动态调试去分析定位
  • 搭乘“低代码”快车,引领食品行业数字化转型全新升级
  • Axure->Axure安装,Axure菜单栏和工具栏功能介绍,页面及概要区
  • 【BUG】微信小程序image不会随着url动态变化
  • 供应链管理痛点大解析!内附解决方案
  • 【Python深度学习第二版】学习笔记之——神经网络
  • 计算机视觉之手势、面部、姿势捕捉以Python Mediapipe为工具
  • 基于AWS Serverless的Glue服务进行ETL(提取、转换和加载)数据分析(一)——创建Glue
  • Vue学习计划-Vue2--VueCLi(二)vuecli脚手架创建的项目内部主要文件分析