zoukankan      html  css  js  c++  java
  • 使用伪类处理移动端1px(1像素)边框问题

    .box{
        position: relative;
        border: none;
    }
    
    .box:after{  //  单边框
        content: '';
        position: absolute;
        bottom: 0;
        background: #DCDCDC;
         100%;
        height: 1px;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    
    .box:after{  //   四条边框
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      border: 1px solid #000;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
       200%;
      height: 200%;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: left top;
      transform-origin: left top;
    }
    
  • 相关阅读:
    基础面试
    三级联动
    数据库分裤分表操作
    缓存的三种方式
    php部分--session的三种用法
    css
    数组
    生成中国地区随机IP
    xml的读取
    React入门
  • 原文地址:https://www.cnblogs.com/stone-it/p/7406347.html
Copyright © 2011-2022 走看看