IE7CSS是一款用于解決IE7兼容性問題的CSS庫，其中最鮮明的特色莫過于箭頭圖標的支持。

IE7CSS中的箭頭圖標使用了:before和:after偽元素實現，代碼非常簡潔明了：

.arrow {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
}
.arrow:before,
.arrow:after {
content: "";
position: absolute;
border: solid 5px transparent;
}
.arrow:before {
border-top-color: black;
top: -11px;
left: -5px;
}
.arrow:after {
border-bottom-color: black;
top: -6px;
left: -5px;
}

這段代碼簡單易懂，首先定義了一個具有相對定位的元素，寬高為10像素，接著使用:before和:after偽元素來繪制箭頭。

其中:before表示上半部分的三角形，:after表示下半部分的三角形，他們的樣式相同，區別在于top值的不同。

三角形的繪制使用了CSS的border屬性，通過控制border的顏色和寬度來達到繪制圖形的目的。

用IE7CSS來制作箭頭非常方便，只需要添加一個類名就可以了，而且IE7CSS還支持水滴、圓角矩形、圓形等常用圖形的繪制，對于Web開發者來說非常實用。