zoukankan      html  css  js  c++  java
  • css生成三角形

    
    
    

    Triangle Up
     

     
    1
    2
    3
    4
    5
    6
    7
    #triangle-up {
        width0;
        height0;
        border-left50px solid transparent;
        border-right50px solid transparent;
        border-bottom100px solid red;
    }

       

    Triangle Down

     
     
    1
    2
    3
    4
    5
    6
    7
    #triangle-down {
        width0;
        height0;
        border-left50px solid transparent;
        border-right50px solid transparent;
        border-top100px solid red;
    }

       

    Triangle Left

     
     
    1
    2
    3
    4
    5
    6
    7
    #triangle-left {
        width0;
        height0;
        border-top50px solid transparent;
        border-right100px solid red;
        border-bottom50px solid transparent;
    }

    Triangle Right

     
     
    1
    2
    3
    4
    5
    6
    7
    #triangle-right {
        width0;
        height0;
        border-top50px solid transparent;
        border-left100px solid red;
        border-bottom50px solid transparent;
    }

    Triangle Top Left

     
     
    1
    2
    3
    4
    5
    6
    #triangle-topleft {
        width0;
        height0;
        border-top100px solid red;
        border-right100px solid transparent;
    }

    Triangle Top Right

     
     
    1
    2
    3
    4
    5
    6
    7
    #triangle-topright {
        width0;
        height0;
        border-top100px solid red;
        border-left100px solid transparent;
     
    }

    Triangle Bottom Left

     
     
    1
    2
    3
    4
    5
    6
    #triangle-bottomleft {
        width0;
        height0;
        border-bottom100px solid red;
        border-right100px solid transparent;
    }

    Triangle Bottom Right

     
     
    1
    2
    3
    4
    5
    6
    #triangle-bottomright {
        width0;
        height0;
        border-bottom100px solid red;
        border-left100px solid transparent;
    }
  • 相关阅读:
    Python进阶-----类、对象的相关知识
    Python进阶-----面向对象和类的基本定义
    Python基础-----hashlib模块
    Python基础-----configparser模块
    Python基础-----logging模块
    Python基础-----re模块(模糊匹配)
    Python基础-----xml模块
    Python基础-----shelve模块
    Python基础-----pickle模块
    Python基础-----json模块
  • 原文地址:https://www.cnblogs.com/zyjzz/p/6561808.html
Copyright © 2011-2022 走看看