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); }   

  • 相关阅读:
    centos7配置java环境
    puppet使用 apache passsenger 作为前端 (debian)
    puppet 和 apache passenger的配置
    puppet 安装
    JQuery Plugin 开发
    Shell脚本中的 测试开关 和 特殊参数
    CPPUTest 单元测试框架(针对 C 单元测试的使用说明)
    Makefile 使用总结
    挂载KVM Guest操作系统磁盘
    Linux资源管理-IO优先级
  • 原文地址:https://www.cnblogs.com/hgj123/p/4202800.html
Copyright © 2011-2022 走看看