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>
相关推荐
W.A委员会13 分钟前
大数据渲染
前端
五仁火烧14 分钟前
前端不传文件,也能用 multipart/form-data
前端·javascript·vue.js·node.js
五仁火烧17 分钟前
前端最常用的两种请求数据格式application/json 和 multipart/form-data 完全解析
前端·javascript·vue.js·json
Bigger18 分钟前
第七章:我是如何剖析 Claude Code 的性能优化与部署策略的
前端·claude·源码阅读
大连好光景19 分钟前
接口测试入门案例
前端·后端·web
冰暮流星21 分钟前
javascript案例-简易计算器
开发语言·javascript·ecmascript
卢傢蕊22 分钟前
使用Haproxy搭建Web群集
前端·haproxy
FrontAI24 分钟前
Next.js从入门到实战保姆级教程:实战项目(上)——全栈博客系统架构与核心功能
开发语言·前端·javascript·react.js·系统架构
Sheldon一蓑烟雨任平生25 分钟前
边框按钮(纯CSS)
前端·css·动态按钮·css变量·边框按钮·按钮动画
freewlt28 分钟前
Rust在前端工具链的崛起:2026年生态全景
开发语言·前端·rust