用CSS代码直接写一个三角形上去，不要采用图片。

可以使用bootstrap中的caret属性。

<div class="caret"></div>

打开开发者工具查看这个小三角的CSS写法，可以看到bootstrap中这样写道

1. display: inline-block;
2.    width: 0;
3.    height: 0;
4.    margin-left: 2px;
5.    vertical-align: middle;
6.    border-top: 4px dashed;
7.    border-top: 4px solid\9;
8.    border-right: 4px solid transparent;
9.    border-left: 4px solid transparent;
10. 
    

将4px改为其他更大的数值，就可以使小三角变大。这里改为8px，特别要注意，画三角形的div的width和height属性都是0

还可以自行百度一下其他基本形状的CSS写法。

你这三角形是从ps上切下来的图直接用的吧。使用bootstrap中的caret属性。<div class="caret"> </div>

.caret {
    width: 0;
    height: 0;
    border: 30px solid;
    /*transparent表示通透明，顺序为：上-右-下-左*/
    border-color: transparent transparent transparent #ffff00;
    position: absolute;
    right: 6rem;
}

感觉这个更简单.可以自己定义三角形的方向.

三角形需要自己写的，所以它的大小也就取决于你给它的三条边所设置的值。