CSS实现菱形形状代码

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

DIAMOND

image.png

    #diamond {
      width: 0;
      height: 0;
      border: 50px solid transparent;
      border-bottom-color: red;
      position: relative;
      top: -50px;
    }
    #diamond:after {
      content: '';
      position: absolute;
      left: -50px;
      top: 50px;
      width: 0;
      height: 0;
      border: 50px solid transparent;
      border-top-color: red;
    }


本文标签: css, 菱形
0.0

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