JZTXT

CSS画三角

发布时间 2023-08-05 22:33:15作者: HuangBingQuan

1. 方法一

  • 不追求三角形描边
&::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent transparent transparent #fff ;
  top: 30px;
  right: -21px;
}
  • 追求描边
        width: 10px;
        height: 10px;
        border: 1px solid red;
        transform: rotate(45deg);
        border-left: none;
        border-bottom: none;