代码如下:

<style>
.icon{margin:300px;width:30px;height:30px;position:relative}
.icon .b{border:2px solid #666;width:100%;height:100%;border-radius:3px}
.icon .h{background-color:#fff;width:112%;height:49%;position:absolute;left:0;top:32%}
.icon .s{background-color:#fff;width:49%;height:112%;position:absolute;left:32%;top:0}
.icon .z{background-color:#666;width:65%;height:2px;line-height:0;font-size:0;position:absolute;left:22%;top:53%}
</style>
</head>

<body>
<div class="icon">
    <div class="b"></div>
    <div class="h"></div>
  <div class="s"></div>
  <div class="z"></div>
</div>

转载于:https://www.cnblogs.com/jooan/p/8036922.html

用CSS写扫描二维码图标相关推荐

  1. 016-前端学习-Html\CSS\制作带有二维码的门店订单小票

    1.HTML相关 1.1 html是什么: 超文本标记语言,超文本,图片,声音 标记: 目录 header 标题,预定义修饰 利用html就可以实现原始的页面 标签:闭合内容 头信息,title,编码 ...

  2. 扫描二维码没有关注时跳转至关注界面

    扫描二维码后,首先会跳转至二维码中的redirect_uri中的url,扫描二维码跳后台的方法可参考小编的另一篇博客<微信二维码扫码获取openid> url的后台首先通过code 获取o ...

  3. 扫描二维码在移动设备上浏览响应式页面

      最近想尝试对一个Ghost博客主题进行移植,因为对一个后端程序员来说,进行前端方面的工作实在是个不小的挑战,而我对CSS更是有种与生俱来的恐惧感,所以我是非常喜欢Bootstrap和Materil ...

  4. 关于Unity调用摄像头扫描二维码与生成二维码的实现方法

    1.常用的生成二维码网址 https://cli.im/ 2.上官网下载二维码插件 http://zxingnet.codeplex.com/ 3.将下载的插件中zxing.unity.dll文件放入 ...

  5. 解决android扫描二维码时,用户禁止权限报错问题

    当我用ZBarDecoder.jar写了一个扫描二维码的程序,确实实现了扫描功能.组长说如果用户禁止调用摄像头,那程序也不能崩溃.结果我一运行就崩溃了.在网上自己找了找,可以这样解决. try { m ...

  6. 扫描二维码读取文档_使用深度学习读取和分类扫描的文档

    扫描二维码读取文档 To many people's dismay, there is still a giant wealth of paper documents floating out the ...

  7. 基于ZXing Android实现生成二维码图片和相机扫描二维码图片即时解码的功能

    NextQRCode ZXing开源库的精简版 **基于ZXing Android实现生成二维码图片和相机扫描二维码图片即时解码的功能 原文博客 附源码下载地址** 与原ZXingMini项目对比 N ...

  8. Teams App 扫描二维码

    上篇文章我们讲了如何在app的manifest里设置设备的权限,这篇文章我们来实际操作开发一个可以扫描二维码的teams app. 首先,我们先到app studio里,创建一个teams app,然 ...

  9. h5端呼起摄像头扫描二维码并解析

    2016年6月29日补充: 最近做了一些与表单相关的项目,使用了h5的input控件,在使用过程中遇到了很多的坑.也包括与这篇文章相关的. 首先我们应该知道使用h5新提供的属性getUserMedia ...

最新文章

  1. 【C】浅谈strcpy
  2. 在Eclipse上搭建Android C开发环境
  3. Android开发之下载Apk安装的方法兼容Android7.0和8.0及以上
  4. C++ STL容器之map 简单使用
  5. 修改docker-仓库资源地址Error response from daemon: Get https://index.docker.io/v1/search
  6. Linux vsftpd(ftp)安装包安装方法
  7. 【Liunx】manjaro双系统安装(折腾)教程
  8. SpringBoot启动时实现自动执行代码的几种方式讲解
  9. 如何提高服务器响应的数据速度_提升网站服务器的响应速度的方法
  10. SQL优化面试题及答案
  11. FZU 1275和UVA11624
  12. 湖北武汉施工员报考施工员安全意识的建立方法建筑七大员报考
  13. android 5.0官方安装包,Android5.0刷机包怎么安装 Android5.0刷机包安装教程
  14. dubbo注册服务IP解析异常及IP解析源码分析
  15. eclipse导入已存在工程报 Faceted Project Problem 错误
  16. 1849 将字符串拆分为递减的连续值(递归)
  17. C++ 文件操作(CFile类)
  18. Erigon 最新执行客户端安装教程
  19. android cpu调度6,关于安卓系统的手机CPU频率和I/O调度器的设置,如何设置才能让手机更流畅,求解释。...
  20. globalmapper如何选取图像上的点_图像去雾的算法历史与综述

热门文章

  1. 【硬件】AD中在圆周外等间距放置器件
  2. DLLMain返回值
  3. 痞子衡嵌入式:嵌入式Cortex-M系统中断延迟及其测量方法简介
  4. MySQL日期函数计算年龄
  5. 规模较大的四大计算机互联网络,我国的四大互联网络是什么?
  6. 手动安装 Acrobat 9.X 的 PDF 打印机方法
  7. 手机麦克风结构原理图_驻极体话筒构造和原理
  8. SSH框架总结,超详细
  9. day13 - 对指纹图片进行噪声消除
  10. java计算器 算法_怎样用java 实现计算器的 算法