业务上需要做空心圆圈的数字,原以为要用图标,后来发现用css就能实现。
代码如下:

 .number {border-radius: 50%;width: 18px;height: 18px;color: #dcdcdc;text-align: center;vertical-align: middle;border: #dcdcdc 1px solid;}<div class="number">1</div>

效果图:

空心圆圈里的数字,实现相关推荐

  1. 【C++代码】约瑟夫环问题:0,1,……,n-1这n个数字排成一个圆圈,从数字0开始,每次从这个圆圈里删除第m个数字。求出这个圆圈里剩下的最后一个数字。

    问题描述:0,1,n-1这n个数字排成一个圆圈,从数字0开始,每次从这个圆圈里删除第m个数字.求出这个圆圈里剩下的最后一个数字. 这是力扣上的一道题.我的思路: ①首先想到的是用循环链表,每次向后遍历 ...

  2. Swift3 Scanner用法之判断是否数字、提取字符串里的数字

    1.判断是否数字 /// 判断是否是数字////// - Parameter string: <#string description#>/// - Returns: <#retur ...

  3. AI中插入带圆圈的1-20数字

    1 需求 在AI中插入带圆圈的1-20数字 2 实现步骤 2.1 选择文字->字形 2.2 选择合适的字体 MS UI Gothic 標準 2.3 选择合适的数字

  4. 华为服务器只显示一个下划线,华为手机怎么把便签备忘录里的数字下划线取消掉?...

    原标题:华为手机怎么把便签备忘录里的数字下划线取消掉? 我周围现在越来越多的人开始使用华为荣耀手机了,他们说华为手机总体来说使用体验还是非常不错的,但是偶尔个别的自带软件的设计不太人性化,希望可以给用 ...

  5. 图像 - 识别出图片里的数字和字母

    本文给大家分享的是C#识别出图片里的数字和字母的代码,主要是识别以前公司的软件注册码截图里的数字和字母,功能很简单,也存在很大的局限性,这里仅仅是分享,小伙伴们参考下. 一个图片识别小工具,原先主要是 ...

  6. html圆圈里边有个c,商标是圆圈加字母-商标上圆圈里有个C,这个是什么意思?...

    大家在使用商标注册过程中可能会有商标是圆圈加字母的问题,今天就由慧用心为大家从以下几个方面:商标有个圆圈,里面写的TM是什么?.商标上圆圈里有个C,这个是什么意思?.注册商标字母怎么打,是不是R外面带 ...

  7. oracle取括号内数字,怎么把excel中一列文本中括号里的数字弄出来啊

    公告: 为响应国家净网行动,部分内容已经删除,感谢读者理解. 话题:怎么把excel中一列文本中括号里的数字弄出来啊回答:=MID(A1,FIND("(",A1)+1,FIND(")",A1)-FIN ...

  8. 按字符串里的数字排序

    按字符串里的数字排序 给出的字符串结构是前边是字母.后边为数字,例如wew0145,要求给出一组数据,按照后边的数字从小到大排序. 输入 wr0068,lt01,qhy0027828,gh204252 ...

  9. 好用的汉字 英文 数字 符号 统计器 还可自动搜寻文本里的数字相加

    汉字英文数字符号统计器,以前有需要用的时候,找篇了整个网络都没找到,今日得闲自己写了一个,将其分享出来,希望能帮到有用得着的人. 汉字英文数字符号统计器的操作简单明了,直接把要统计的内容复制到软件的文 ...

最新文章

  1. python程序实例源代码-python实例-兔子和獾(塔防游戏)附源码
  2. 线性代数的问题:是否存在这样的矩阵,它满足正交对角化的条件,但它不是实对称矩阵呢?
  3. Spring Cloud构建微服务架构:分布式服务跟踪(入门)【Dalston版】
  4. 训练日志 2019.7.25
  5. java中的byte
  6. python求解线性规划问题
  7. itextpdf实现多PDF文件合并为一个PDF文档
  8. 【C/C++】输入一个整数的二目运算式的字符串,如100+20,332-19,200*2333,44/33二目运算取”加减乘除“中的一种输出运算式的整数结果值
  9. css3 background简写,background-size简写背景属性(CSS3)
  10. 量子计算机采用超导技术吗,华人学者一作论文发现不寻常超导体,或可作为量子计算机的“硅”...
  11. live2d_碧蓝航线:老婆们在外服都长啥样?她惊艳四座,Live2D独此一家
  12. 实验十 基于Simulink的爬山法MPPT技术仿真
  13. linux sed 替换文件路径
  14. “梅西”式核心员工,正在摧毁你的团队
  15. 摩杜云亮相CDEC2021中国数字智能生态大会,始终专注云+数据
  16. 2018数据结构课程设计报告
  17. STM32-(08):USART通信基础
  18. 数据结构与算法详细解析之双链表结构解析
  19. ASP.NET科研管理系统源码
  20. 算法导论答案 第11章:散列表

热门文章

  1. 幼儿园网络图怎么绘制_如何设计幼儿园主题网络图.doc
  2. 梯度提升树GBDT的理论学习与细节补充
  3. 雷蛇灵刃系列原厂预装系统恢复重建恢复分区,带一键恢复
  4. Win10系统Git安装,及ssh key配置
  5. 第 1-8 课:基础组件详解(Text、Image、Button)
  6. 欢迎加入互联互通社区高端社群
  7. win7windows找不到%windir%\system32\systempropertiesadvanced.exe文件,是怎么回事?
  8. 前端战五渣学JavaScript——void 运算符
  9. 科技赋能传统产业:工业绿色可视化—核电站工艺流程组态仿真
  10. Nessus漏洞扫描: 下载并安装Nessus 扫描一台Windows 2008 R2虚拟机