css中折角菜单的一个小反思

在css中设置了单独的比如才一个<div></div>这样空的内容的话，如果要显示成有三角形四边的要通过：border-style:solid但是如果你在一个比如<span>标签里面用的话会出现

这样有趣的事情，而且如果设置了hover出现了更有趣的不规则的形状，哈哈

如果取消了border-style:solid则可以出现正常的

还有更多有趣的，不过也挺简单的。哈哈