css下小三角形

CSS 下小三角形是前端开发中常用的样式之一，特别是在需要设计下拉菜单、折叠菜单等情况下经常使用。CSS实现小三角形的过程其实很简单，下面我将分享如何实现。

 .triangle {
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 6px 11px 6px;
     border-color: transparent transparent #007bff transparent;
   } 

上方的代码是CSS实现小三角形的代码，可以通过修改border-width调整三角形的大小，通过修改border-color调整三角形的颜色，通过修改border-style调整三角形的形状。

其中，border-width 属性指定四个方向的边框宽度，顺序是上、右、下、左。border-style 属性指定边框样式，常见的有：solid、dashed、dotted、double等，这些样式可以参照适用范围来使用。border-color 属性指定边框颜色，也是四个方向。

以上就是CSS实现小三角形的基本知识点，希望对大家有所帮助！