如何仅使用HTML和CSS创建UP箭头？

这个问题在这里已经有了答案：

CSS三角形如何工作？ 18个答案

---

你可以试试这个向上箭头。 更多点击这里

  .arrow-up {
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;

    border-bottom: 15px solid blue;
  }

<div class="arrow-up"></div>
    
  

---

你可以使用border来创建它。 检查下面的代码片段..

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid black;
}

<div class="arrow-up"></div>

---

使用此代码

.up-aerow {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 10px;
    height: 0px;
    width: 0px;
}

<div class="up-aerow"></div>

链接地址: http://www.djcxy.com/p/89497.html

上一篇: How to create the UP Arrow using only HTML and CSS?

下一篇: Adding a triangle to the top of div as it appears in tooltip?