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>
  • 相关阅读:
    Linux添加PATH,即命令自动补全功能
    编程的奥义
    Windows SDK笔记
    一个烂电源,毁了我一天的工作
    贪念
    VC菜菜鸟创建一个即时串口通信程序
    IP视频监控系统开放式平台的5个标志
    敷铜的入门
    解决:Ulead VideoStudio 启动黑屏的问题
    数据结构中,关于“大小端”的数据存储方式的相关问题
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/13093643.html
Copyright © 2011-2022 走看看