• 首页
  • 电影
  • Js
  • 前端
  • 新旅
  • 奇技
  • 网安
  • 歌单
  • 关于
  • 搜索
  • 夜间模式
    ©2013-2025  成长小破站 Theme by OneBlog
    搜索
    标签
    # css # js # uniapp # ps # chrome # 小程序 # javascript # 布局 # typecho # 激活码
  • 首页>
  • 前端笔记>
  • 正文
  • border,color,实现一个上传按钮

    2017年11月07日 1.9 k 阅读 0 评论 833 字



    通过css的border,color来实现一个上传按钮

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>border,color,实现一个上传按钮</title>
    <style type="text/css">
    .add{
        display: block;
        width: 48px;
        height: 48px;
        position: relative;
        color: #ccc;
        transition: color .25s;
        border: 1px solid;
        border-radius: 4px;
    }
    .add:before {
        content: "";
        width: 36px;
        position: absolute;
        left: 6px;
        top: 23px;
        border-top:2px solid;
    }
    .add:after {
        content: "";
        height: 36px;
        position: absolute;;
        left: 23px;
        top: 6px;
        border-left: 2px solid;
    }
    .add:hover {
        color: #067;
    }
    </style>
    </head>
    <body>
     
    <a class="add" href="javascript:;">   </a>
    </body>
    </html>
    本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    cssborder
    取消回复

    发表留言
    回复

    首页电影Js前端新旅奇技网安歌单关于
    Copyright©2013-2025  All Rights Reserved.  Load:0.037 s
    豫公网安备41050202000235   豫ICP备18019224号-2
    Theme by OneBlog V3.6.4
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。