三角矢印CSSを描きます

三角形

.sanjiaoxing {
位置：相対。
トップ：3px;
表示：インラインブロック。
余白左：8px;
幅：0;
高さ：0;
ボーダー幅：5pxの; //宽度
ボーダースタイル：固体;
ボーダーカラー：#BBBBBB透明透明透明。//方向
}

 

箭头
.arrTop {
位置：絶対。
}
.arrTop：前に、.arrTop：{後の
位置：絶対。
内容： '';
border-top：8px透明の破線。
国境左：8px透明破線。
ボーダー右：透明は破線8px;
border-bottom：8px固体#FFF;
}
.arrTop：{前
境界底：8px RGBA（200、200、200、1）固体。
}
.arrTop：{後に
トップ：1ピクセル。/ *覆盖并错开1ピクセル* /
のborder-bottom：8px固体#FFF;
}

 

 

.arrBottom {
位置：絶対。
}
.arrBottom：前に、.arrBottom：{後の
位置：絶対。
内容： '';
border-bottom：8px透明の破線。
国境左：8px透明破線。
ボーダー右：透明は破線8px;
border-top：固体#FFF 8px;
}
.arrBottom：前{
ボーダートップ：8px RGBA（200、200、200、1）固体。
}
.arrBottom：{後に
トップ：-1px。/ *覆盖并错开1ピクセル* /
のborder-top：8px固体#FFF;
}