如何使用border画流程图中的决策框（CSS菱形框）

思路： 正常div设置宽高并加上边框后显示为一个长方形，而菱形和长方形结构其实相似（正方形也是一种特殊的菱形），如果将div宽高设置为相等值，旋转45°后就可以得到一个最简单的菱形。 显示效果： 代码如下： 但是如果在其内部添加文字，文字会随div一同旋转 这样显示无法达到预期效果。 但是如果对其中文字做特殊处理可以达到类似效果， 代码如下： 这里将其中文字反向旋转，使其回归水平，不过若要使其能旋

>>阅读原文<<