CSS：after实现斜边框

如同上方图片左上角的爆款，实现斜边框

需要用到定位，首先将外层的div设置为position：relative
爆款代码如下：
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  background: #fd3a51;
  line-height: 20px;
  padding: 0 6px 0 8px;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;

  content: ' ';
  position: absolute;
  top: 0;
  right: -8px;
  //下面为关键代码
  border-width: 20px 8px;
  border-style: solid;
  border-color: #fd3a51 transparent transparent transparent;

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/8355.html