css实现全兼容三角形

css border实现

一个div或者元素的border并不是我们直观意义上的一条有高度的线，而是一个等高梯形或者三角形（宽高为0时），可以看一下效果：

.triangle{
    width:0;
    height:0;
    border-width:20px;    
    border-style:solid dashed dashed dashed;    
    border-color:#e66161 transparent transparent transparent;
}

一般用于网站有子栏目下拉的时候调用，比如微博顶部的下拉菜单。

代码可以根据实际情况进行修改。

本文出自：琅枫个人博客。如需转载请注明出处！

本文出处："https://www.langfujun.top/learn/web/124.html"