zoukankan      html  css  js  c++  java
  • css 生成图片添加的十字

    <span class="add" title="继续上传">
    </span>

    .add {
    display: inline-block;
    76px; height: 76px;
    color: #ccc;
    border: 2px dashed;
    text-indent: -12em;
    transition: color .25s;
    position: relative;
    overflow: hidden;
    }
    .add:hover {
    color: #34538b;
    }
    .add::before, .add::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    }
    .add::before {
    20px;
    border-top: 4px solid;
    margin: -1px 0 0 -10px;
    }
    .add::after {
    height: 20px;
    border-left: 4px solid;
    margin: -10px 0 0 -2px;
    }

  • 相关阅读:
    meta标签
    Vue(day8)
    Vue(day7)
    Vue(day6)
    Flex布局
    Vue(day5)
    jquery.data()&jquery.extend()
    Promise对象
    Vue(day4)
    Vue(day3)
  • 原文地址:https://www.cnblogs.com/chengfengchi/p/10661499.html
Copyright © 2011-2022 走看看