利用邊框border的屬性做小符號

前兩天學習中，發現網站上的一個小符號，以為是插入的img，但找來找去也未發現img的地址。最後問了同學，才得知是用border屬性做出來的。

符號如右： 

其css代碼如下：

.fuhao
{
    position:absolute;
    top:12px;
    left:12px;
    width:0px;
    height:0px;
    overflow:hidden;
    border-width:6px 0px 6px 6px;
    border-color:transparent #A92222;
    border-style:dashed none dashed solid;
}

這裡是利用一個空的div即fuhao，給它定義好位置後，讓它高度和寬度都為0，但邊框具有寬度。那麼這個div裡面什麼有沒有，只剩下邊框。

按道理來說應該是這樣的：

然後下麵的語句給上下邊框做了透明transparent處理，右邊框做0px處理，就得出了那個符號了。

其實，我也不是很明白，但覺得用邊框border來做符號非常有趣，就所見所得，拿來即用吧。