如何創建此邊欄菜單？

我需要創建一個類似http://wrapbootstrap.com/preview/WB07061TJ的邊欄菜單，但我無法找到當前項目的圖像資源（白色箭頭）。如何創建此邊欄菜單？

我該怎麼做？

你可以在你想要的箭頭，下面的類

.triangle { 
    display: inline-block; 
    width: 0px; 
    height: 0px; 
    border: 5px solid transparent; 
    border-right: 5px solid white; 
}

作爲一個側面而不是絕對位置span元素實現這一點：這個「功能」是沒有這種錯誤的http://jsfiddle.net/Xjmp5/

2013-07-09 02:30:22

這是一個錯誤在C SS渲染成爲「功能」？ –

您是否認爲邊界合併爲一個錯誤或功能的方式？你會怎麼做？ http://jsfiddle.net/Xjmp5/; =） –

從您的示例中，我可以說這是有道理的。謝謝。 –

箭頭是從由邊緣的情況下2 DIV-S

你可以看到代碼，他設置了div的寬度：0，height：0，line-height：0，font-size：0以確保沒有寬度和高度

在這種情況下，如果將邊框設置爲4種不同的顏色，你會看到4個三角形，一個正方形 enter image description here

下一步該做什麼的形狀是設置左邊框，邊框頂部，底部邊框的透明。然後你會得到一個三角形，

的最後你想做的事情是做另一個白色的三角形，並在第一個覆蓋它，那麼你會得到箭頭 enter image description here

2013-07-09 03:09:58 Ralph

回答