前兩天學習中，發現網站上的一個小符號，以為是插入的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來做符號非常有趣，就所見所得，拿來即用吧。