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

CSS:icon图标悬停时有底部背景色

需要实现的效果如图所示

9388e3cd6969412ca4a257359be92fbd

当给icon加悬停背景色时,并且要求背景距离icon有一定的间距时,可以尝试给icon用img标签

⚠️注意:padding 加在img上,是给img外层元素加内边距

&-title {font-weight: 500;color: #0B111E;width: 100%;text-align: center;position: relative;  // 重点img {position: absolute;left: 0;width: 24PX;height: 24PX;padding: 6PX;   // 重点&:hover {background-color: #F0F3FA;border-radius: 8PX;}}
}

eb098110976a43c6baa5bbb35de99693

http://www.jsqmd.com/news/51899/

相关文章:

  • 2025年塑料托盘、塑胶卡板、吹塑托盘、塑料栈板、防渗漏托盘生产厂家选购全指南:品牌推荐与行业洞察
  • 2025年四川成都木瓜蛋白酶泡毛肚技术、毛肚蒸煮机、毛肚自动化设备、毛肚清洗机、毛肚加工设备、毛肚设备工厂综合评估与选购指南
  • 【图像算法 - 31】基于深度学习的太阳能板缺陷检测体系:YOLOv12 + UI界面 + 数据集建立
  • 2025年下半年仓储货架/冷库货架/AGV货架/CTU货架/大连货架厂家推荐榜单:十大专业供应商综合评测
  • 2025.11.26
  • 大数据技术简史:十年演化,万象归流 - 智慧园区
  • JimuBI 积木大屏 v2.2.0 版本发布,免费的可视化大屏和仪表盘
  • 2025年11月GPU平台TOP5推荐:大模型微调全场景适配与稳定性指南
  • 白井黑子
  • 2025年四川PRDP防腐式中空壁双层增强缠绕管厂家口碑TOP3重磅发布
  • 2025年四川PRDP防腐式带立筋缠绕管公司排名
  • Nexpose 8.29.0 for Linux Windows - 漏洞扫描
  • OKR 与 KPI
  • Windows后门工具排查_2025/11/26(持续更新)
  • C14-2025.11.22
  • 项目解决方案:轮船AI识别违规行为解决方案 - 教程
  • 自签生成SSL证书IIS和nginx全流程
  • 实验4 组合与继承
  • 2025年下半年成都互联网/小程序/抖音推广/知识产权/视频号推广/微信生态公司综合实力Top10推荐指南
  • 2025 西安口碑好的权威短视频拍摄运营公司推荐 3 家
  • 2025年下半年内蒙古通辽/赤峰/鄂尔多斯/包头/乌兰察布/呼伦贝尔/乌海/巴盟/阿拉善内蒙古房屋检测公司全方位挑选指南
  • 2025年下半年成都互联网、成都小程序、成都抖音推广、成都知识产权 、成都视频号推广、成都微信生态服务商综合推荐指南
  • 【机器人移动】暴力dfs和层次遍历bfs
  • ThingsBoard部件数据结构解析 - 教程
  • 【LVGL】表格部件
  • 【前端从0到1实战】第9篇:构建“无限滚动列表” (Infinite Scroll)
  • 2025液冷超充厂家推荐榜:全液冷/浸没式液冷/大功率/电动汽车/新能源车/超充源头厂家,中碳创新引领技术革命,快速补能成新标杆
  • 2025 西安网站建设公司推荐 3 家口碑好的网站制作公司
  • 2025济南画室培训推荐榜:山东济南艺考画室/美术艺考培训/画室机构综合参考,济南宏艺画室用专业护航艺术梦想!
  • HCL AppScan Standard 10.10 发布,新增功能简介