CSS triangle arrows

Effect:

Css:

. JT {
Display:inline-block; /* and the following text in the same line */
*display:inline; /*IE6 7 block level element Inline-block compatible */
*zoom:1; /* Ditto */
height:0px;
width:0px;
line-height:0px; /* Line height set 0, or IE6 will open * *
Vertical-align:middle; /* Align vertically with text, if still one or two pixels apart, you can set relative positioning, change top value fine/
BORDER:3PX solid #000;
Border-color:transparent #f00 Transparent transparent; /* Set aside for red, other transparent */
Border-style:dashed solid dashed dashed; /*IE6 does not support the transparent property, you can set the transparent edge to dashed to be compatible, if not set, Firefox will have gray edge */
margin-right:5px;
}

CSS triangle arrows