html中代码
1
2
3
4
|
< div class=‘box-rihgt‘></ div > < div class=‘box-top‘></ div > < div class=‘box-left‘></ div > < div class=‘box-bottom‘></ div > |
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
|
.box- top { width : 0 ; height : 0 ; border-right : 10px solid transparent ; border-left : 10px solid transparent ; border-bottom : 20px solid #333 ; } .box- bottom { width : 0 ; height : 0 ; border-right : 10px solid transparent ; border-left : 10px solid transparent ; border-top : 20px solid #999 ; } .box- left { width : 0 ; height : 0 ; border-bottom : 10px solid transparent ; border-top : 10px solid transparent ; border-right : 20px solid green ; } .box-rihgt{ width : 0 ; height : 0 ; border-bottom : 10px solid transparent ; border-top : 10px solid transparent ; border-left : 20px solid red ; }
|