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

            <style>
            .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;
    }
    
            </style>
    <div class="demo">
              <div class="inner">
                 斜线
             </div>
        </div>
    

      如果不支持,可见这里

            <style>
            .demo{
    border-corner-shape: bevel;
       border-radius: 0px 100% 0px 100.6%;
       border:1px solid red;
       200px;
       height:100px;
    }
    
            </style>
    <div class="demo">
              <div class="inner">
                 斜线
             </div>
        </div>
    

      

  • 相关阅读:
    判断平衡二叉树 --牛客网
    二叉树深度 --牛客网
    重建二叉树 来源:牛客网
    快速排序
    30天自制操作系统笔记(第四天)
    pat 1047
    机器学习 周志华 第1章习题
    POJ 3126 Prime Path
    POJ 3279 Fliptile
    POJ 3278 Catch That Cow
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3600889.html
Copyright © 2011-2022 走看看