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

  • 相关阅读:
    【转】使用Eclipse的几个必须掌握的快捷方式
    【原创】远景能源面试--一面
    vritualenv虚拟环境迁移
    Mysql数据库的增删改查
    Java面向对象的三大特征
    JAVA 数组
    JAVA简介
    web前端瀑布流设计分析
    华为C语言编程规范
    学生成绩管理系统1.0v 完成的学习总结
  • 原文地址:https://www.cnblogs.com/hgj123/p/4202800.html
Copyright © 2011-2022 走看看