zoukankan      html  css  js  c++  java
  • div+css 画三角形

     
     
     
     




    <style type="text/css">  
    .rightdirection  
    {  
        0;height:0;  
        line-height:0;  
        border-20px;  
        border-style:solid;  
        border-color:transparent transparent transparent #A9DBF6;  
    }  
    .bottomdirection  
    {  
        0;height:0;  
        line-height:0;  
        border-20px;  
        border-style:solid;  
        border-color: #A9DBF6 transparent transparent transparent;  
    }  
    .leftdirection  
    {  
        0;height:0;  
        line-height:0;  
        border-20px;  
        border-style:solid;  
        border-color: transparent #A9DBF6  transparent transparent;  
    }  
    .topdirection  
    {  
        0;height:0;  
        line-height:0;  
        border-20px;  
        border-style:solid;  
        border-color: transparent transparent #A9DBF6 transparent;  
    }  
    .topdirection1  
    {  
        0;height:0;  
        line-height:0;  
        border-20px;  
        border-style:solid;  
        border-color: #A9DBF6   transparent transparent #A9DBF6 ;  
    } 
    </style>  
    <div  class="rightdirection"></div>  
    <p>  
    <div  class="bottomdirection"></div>  
    <p>  
    <div  class="leftdirection"></div>  
    <p>  
    <div  class="topdirection"></div>  
    
    <br/><br/><br/><br/>
    <div  class="topdirection1"></div>  
    

      /****字体倾斜***/

    .telta span{ color: #fff; font-weight: bold; position: absolute; margin-top: -5px; margin-left: -9px; -webkit-transform:rotate(-45deg); }   

  • 相关阅读:
    maven
    in 和 or 的效率问题
    mac 安装homobrew 报错解决
    卷积的本质及物理意义
    java 多线程 day18 ThreadPoolExecutor
    打jar包
    科三保佑贴
    【问题解决】-《java.lang.NoClassDefFoundException》
    POS-商户手续费-从生活剖析,通俗易懂
    关于荒废空闲时光的思考
  • 原文地址:https://www.cnblogs.com/hgj123/p/4202800.html
Copyright © 2011-2022 走看看