如何使用border畫流程圖中的決策框（CSS菱形框）

思路： 正常div設置寬高並加上邊框後顯示爲一個長方形，而菱形和長方形結構其實相似（正方形也是一種特殊的菱形），如果將div寬高設置爲相等值，旋轉45°後就可以得到一個最簡單的菱形。 顯示效果： 代碼如下： 但是如果在其內部添加文字，文字會隨div一同旋轉 這樣顯示無法達到預期效果。 但是如果對其中文字做特殊處理可以達到類似效果， 代碼如下： 這裏將其中文字反向旋轉，使其迴歸水平，不過若要使其能旋

>>阅读原文<<