想要的效果(图)利用css伪元素demo1.gif原理两个三角形大小一样,位置错开1~2px,第一个是红色,第二个是白色,并且第二篇覆盖第二个三角形的绘制方法,话不多说,使用边框和透明代码。a::before{内容:“”;边框宽度:0px4px4px4px;边框样式:实心;border-color:transparent透明红色透明;位置:绝对;顶部:-4px;左:38px;}.a::after{内容:“”;边框宽度:0px4px4px4px;边框样式:实心;顶部:-3px;左:38px;位置:绝对;}.a{位置:相对;位置:相对;显示:内联块;边框:1px纯红色;宽度:80px;高度:20px;;
