css 箭头/三角形|标签的CSS

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 箭头/三角形|标签的CSS相关的知识，希望对你有一定的参考价值。

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid red;
}
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid red;
}
.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid red;
}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid red;
}

以上是关于css 箭头/三角形|标签的CSS的主要内容，如果未能解决你的问题，请参考以下文章

css CSS：箭头三角

CSS绘制三角形和箭头

css3怎样去掉select中三角箭头的背景

“CSS 箭头”是如何工作的？ [复制]

如何使用 CSS 制作雪佛龙箭头？

css箭头