CSS实现五角形代码效果

小泽 2020-08-03 12:24 1条评论

PENTAGON

image.png

    #pentagon {
      position: relative;
      width: 54px;
      box-sizing: content-box;
      border-width: 50px 18px 0;
      border-style: solid;
      border-color: red transparent;
    }
    #pentagon:before {
      content: "";
      position: absolute;
      height: 0;
      width: 0;
      top: -85px;
      left: -18px;
      border-width: 0 45px 35px;
      border-style: solid;
      border-color: transparent transparent red;
    }
本文标签: css, 五角形
0.0

说点什么吧
  • 全部评论(0