lanxing

4. CSS拾遗之箭头画法

.up {

border-top: 30px solid green;

border-right: 30px solid transparent;

border-bottom: 30px solid transparent;

border-left: 30px solid transparent;

display: inline-block;

}

.down {

border-top: 30px solid transparent;

border-right: 30px solid transparent;

border-bottom: 30px solid red;

border-left: 30px solid transparent;

display: inline-block;

}

.c1 {

border: 30px solid transparent;

border-top: 30px solid green;

display: inline-block;

margin-top: 40px;

}

.c1:hover {

border: 30px solid transparent;

border-bottom: 30px solid green;

margin-top: 10px;

}