简单的css小三角

2015/07/31 34659

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>>

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
/*css style */  
    #up {                                       
        width:0px;
        height:0px;
        border-bottom:10px solid  #89b007;
        border-left:10px solid #fff;
        border-right:10px solid #fff;
         
    }
    #down {                         
        width:0px;
        height:0px;
        border-top:10px solid  #89b007;
        border-left:10px solid #fff;
        border-right:10px solid #fff;  
         
    }
        #left {
        width:0px;
        height:0px;
        line-height:0px;             /*解决ie出现梯形问题*/
        border-right:10px solid  #89b007;
        border-top:10px solid #fff;
        border-bottom:10px solid #fff; 
         
    }
        #right {
        width:0px;
        height:0px;
        line-height:0px;             /*解决ie出现梯形问题*/
        border-left:10px solid  #89b007;
        border-top:10px solid #fff;
        border-bottom:10px solid #fff; 
         
    }
    #trapezoid {                       
        width:7px;
        height:15px;
        border-bottom:10px solid  #89b007;
        border-left:10px solid #fff;
        border-right:10px solid #fff;
         
    }