css写实心正三角和倒三角

正三角:

.upTriangle{
  width: 0;
  height: 0;
  border-top: 4px solid #375CC0;
  border-left: 4px solid #375CC0;
  border-right: 4px solid #375CC0;
  border-bottom: 4px solid #ffffff;
}
 
倒三角: 
.downTriangel{
  width: 0;
  height: 0;
  border-top: 4px solid #ffffff;
  border-left: 4px solid #375CC0;
  border-right: 4px solid #375CC0;
  border-bottom: 4px solid #375CC0;
}

css写实心正三角和倒三角

上一篇:CSS学习16-文字阴影


下一篇:从0开始fastjson漏洞分析2