zoukankan      html  css  js  c++  java
  • css 四个角

    <style>
        .outter {
          position: relative;
          padding: 5px;
          height: 50px; 
           300px;
        }
        .outter::before {
          position: absolute;
          content: '';
          height: 10px;
           10px;
          right: 0;
          top: 0;
          border-right: 1px solid #00E8FF;
          border-top: 1px solid #00E8FF;
        }
        .outter::after {
            position: absolute;
            content: '';
            height: 10px;
             10px;
            left: 0;
            bottom: 0;
            border-left: 1px solid #00E8FF;
            border-bottom: 1px solid #00E8FF;
        }
        .content {
            position: relative;
            height: 50px;
        }
        .content::before {
          position: absolute;
          content: '';
          height: 10px;
           10px;
            left: -5px;
            top: -5px;
            border-left: 1px solid #00E8FF;
            border-top: 1px solid #00E8FF;
        }
        .content::after {
          position: absolute;
          content: '';
          height: 10px;
           10px;
            right: -5px;
            bottom: 5px;
            border-right: 1px solid #00E8FF;
            border-bottom: 1px solid #00E8FF;
        }
       
      </style>
     
     
    <div class="outter">
          <div class="content">

          </div>
          
      </div>
  • 相关阅读:
    memory runs at single channel问题解决
    ASP php获取文件URL地址等方法
    zencart的modules下数据库操作templates排版和common首页引用
    php生成html 伪静态??
    Linux服务器自动备份压缩MySQL数据库的实用方法
    dos 命令集
    Zencart 500错误查找和解决方法
    破解JS加密:url unicode加密而已
    .htaccess 保护文件夹
    TCP 的那些事儿(上)
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/13093643.html
Copyright © 2011-2022 走看看