zoukankan      html  css  js  c++  java
  • css实现对勾

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title></title>
        <style>

          /**绿色勾*/

          .myicon-tick-checked {display: inline-block;position: relative; 15px;height: 15px;border-radius: 50%;background-color: #2ac845;}

          /**灰色勾*/
          
    .myicon-tick-uncheck {display: inline-block;position: relative; 15px;height: 15px;border-radius: 50%;background-color: #5f646e;}
          .myicon-tick-checked:before, .myicon-tick-checked:after,.myicon-tick-uncheck:before,.myicon-tick-uncheck:after {content: '';pointer-events: none;position: absolute;color: white;border: 1px solid;background-color: white;}
          .myicon-tick-checked:before,.myicon-tick-uncheck:before { 1px;height: 1px;left: 25%;top: 50%;transform: skew(0deg,50deg);}
          .myicon-tick-checked:after,.myicon-tick-uncheck:after { 3px;height: 1px;left: 45%;top: 42%;transform: skew(0deg,-50deg);}
        </style>
      </head>
      <body>
        <span class="myicon-tick-checked"></span>
        <span class="myicon-tick-uncheck"></span>
      </body>
    </html>
  • 相关阅读:
    数组函数
    跨域
    连接数据库的几种方式
    PHP语言的优缺点
    盗链
    缓存
    电商架构演进
    分布式集群
    序列化
    json
  • 原文地址:https://www.cnblogs.com/zhanghailing/p/11994979.html
Copyright © 2011-2022 走看看