css CSS:箭头三角

Posted

tags:

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

/* <div class="arrow-triangle"></div> */
.arrow-triangle
  {
      box-sizing: border-box;
      display: block;
      height: 50px;
      width: 50px;
    
      margin: 0 auto;

      border: 25px solid #000;
    
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 25px solid transparent;
  }
  

以上是关于css CSS:箭头三角的主要内容,如果未能解决你的问题,请参考以下文章

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

CSS绘制三角形和箭头

纯CCS绘制三角形箭头图案

三角形-css

css箭头

HTML / CSS - 在导航中的活动选项卡底部添加一个小三角形或箭头