### 1.小三角制作
~~~
<style>
.box{
width: 100px;
height: 100px;
position: relative;
background:skyblue;
}
.box::after{
content: "";
border: 7px solid transparent;
border-left-color:skyblue;
position: absolute;
right: -14px;
top:10px;
}
</style>
</head>
<body>
<div class="box">
</div>
</body>
~~~
## 2.带边框的三角形
~~~
.sz i{
z-index: 100;
content: "";
border: 7px solid transparent;
border-bottom-color:#fff;
position: absolute;
right:48px;
top:-14px;
}
.sz em{
content: "";
border: 7px solid transparent;
border-bottom-color: #d8d8d8;;
position: absolute;
right:48px;
top:-15px;
}
（也可使用伪元素（前后伪元素）代替 i 和 em 元素）
~~~
