请问这个角标如何弄出来的

您好，可以看一下border的表现形式 ,给一个元素边框设置如下:

观察如下 ,border表现为梯形

当宽高不断减少时 , border会越趋向于三角形 , 如下

当宽高为零时,border变成了三角 , 如下

可以根据这个案例理解三角形的实现哦~ 祝学习愉快 !

你好，角标识给图片添加的before 和after属性，

参考代码如下：

html代码：

<div class="aboutimg arrow">
   <img src="images/b1.jpg">
</div>

css:

.arrow:before {
   content: '';
   position: absolute;
   width: 0;
   height: 0;
   right: 0px;
   border-top: 15px solid rgba(0, 0, 0, 0);
   border-left: 25px solid #07CBC9;
   border-bottom: 15px solid rgba(0, 0, 0, 0);
   top: 180px;
   transform: rotate(180deg);
}

html代码：

<div class="aboutimg arrow2">
   <img src="images/b3.jpg">
</div>

css代码：

.arrow2:after {
   content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    border-top: 15px solid rgba(0, 0, 0, 0);
    border-left: 25px solid #07cbc9;
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    top: 180px;
}

如果解决您的问题请采纳，祝学习愉快！