zoukankan      html  css  js  c++  java
  • css斜线

    斜线
         <div class="demo">
              <div class="inner">
                 斜线
             </div>
        </div>
    
    .demo{
      display: inline-block;
       400px;
      height: 100px;
      resize: both;
      overflow: auto;
      margin-top: 30px;
      
    
          background: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(49.9%, transparent), color-stop(49.9%, green), color-stop(50.1%, green), color-stop(50.1%, transparent));
        background: -webkit-linear-gradient(to top right, transparent 49.9%, green 49.9%, green 50.1%, transparent 50.1%);
        background: -moz-linear-gradient(to top right, transparent 49.9%, green 49.9%, green 50.1%, transparent 50.1%);
        background: -o-linear-gradient(to top right, transparent 49.9%, green 49.9%, green 50.1%, transparent 50.1%);
        background: linear-gradient(to top right, transparent 49.9%, green 49.9%, green 50.1%, transparent 50.1%);
      background-repeat: no-repeat;
    
      border:1px solid #999;
    }
    
    

    如果不支持,可见这里

         <div class="demo">
            <div class="innert">斜线</div>
        </div>
    
    .demo2{
       border-corner-shape: bevel;
       border-radius: 0px 100% 0px 100.6%;
       border:1px solid red;
       200px;
       height:100px;
    }
    
    
    
    
    
  • 相关阅读:
    Spring整合hessian和burlap及自带的Invoker
    Spring 企业级开发应用远程服务原理和实现机制
    RMI
    并行开发 —— 第七篇 简要分析任务与线程池
    并行开发 —— 第二篇 Task的使用
    并行开发 —— 第六篇 异步编程模型
    网络编程——第三篇 HTTP应用编程(下)
    并行开发 —— 第四篇 同步机制(上)
    网络编程——第二篇 HTTP应用编程(上)
    并行开发 —— 第一篇 Parallel的使用
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/3394042.html
Copyright © 2011-2022 走看看