三角形

.get-list{
  position: relative;
  width:100px;
  height: 50px;
  border-radius: 10px;
  background: olivedrab;
}
.get-list::before{
  position: absolute;
  top:-16px;
  left:40%;
  display: block;
  content:'';
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ff4d4d transparent;
}

  

<div class="get-list"></div>

  

posted @ 2020-05-13 15:21  lyt598  阅读(94)  评论(0编辑  收藏  举报