css实现纯加号

bash 复制代码
<!DOCTYPE html>  
<html>  
<head>  
<style>  
.circle-plus {  
  position: relative;  
  width: 50px;  
  height: 50px;  
  border-radius: 50%;  
  background-color: #3498db;  
  display: flex;  
  align-items: center;  
  justify-content: center;  
}  
  
.circle-plus::before, .circle-plus::after {  
  content: '';  
  position: absolute;  
  background-color: #fff;  
}  
  
.circle-plus::before {  
  width: 2px;  
  height: 20px;  
  top: 15px;  
  left: 24px;  
}  
  
.circle-plus::after {  
  width: 20px;  
  height: 2px;  
  top: 24px;  
  left: 15px;  
}  
</style>  
</head>  
<body>  
  
<div class="circle-plus"></div>  
  
</body>  
</html>
相关推荐
悟空瞎说几秒前
# Git 交互式变基:优雅整理提交历史,告别杂乱 PR 记录
前端·git
竹林81810 分钟前
从ethers.js迁移到Viem:我在DeFi Dashboard项目中踩过的坑与最终方案
javascript
还有多久拿退休金13 分钟前
DragSortTable:一个让我怀疑人生的滚动重置 Bug
前端
zithern_juejin15 分钟前
ES6——Promise
javascript
渐儿16 分钟前
组件库开发入门到生产(从零封装到 npm 发布)
前端
KaMeidebaby42 分钟前
卡梅德生物技术快报|单 B 细胞抗体制备:流程优化、表达系统适配与性能数据
前端·数据库·其他·百度·新浪微博
桜吹雪1 小时前
所有智能体架构(1):反思 (Reflection)
javascript·人工智能
lichenyang4531 小时前
从鸿蒙 AI 聊天 Demo 学习 ArkUI V2:第一天上手记录
前端
进击的松鼠1 小时前
OpenClaw 的五层架构设计与解析
前端·架构·agent
JavaGuide1 小时前
Claude Code 新功能Agent View 发布:终于不用在一堆终端窗口里找 Agent 了!
前端·后端·agent