美文网首页
css 四角边框

css 四角边框

作者: 倩仔6 | 来源:发表于2021-03-08 19:42 被阅读0次
        background: linear-gradient(
                    to left,
                    rgb(4, 172, 247),
                    rgb(4, 172, 247)
                  )
                  left top no-repeat,
                linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
                  top no-repeat,
                linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
                  top no-repeat,
                linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) right
                  top no-repeat,
                linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) left
                  bottom no-repeat,
                linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
                  bottom no-repeat,
                linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
                  bottom no-repeat,
                linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
                  bottom no-repeat;
              /*设置大小*/
              background-size: 0.0125rem 0.4rem, 0.4rem 0.0125rem, 0.0125rem 0.4rem,
                0.4rem 0.0125rem;
    

    // background-size: 2px 80px, 80px 2px, 2px 80px, 80px 2px,2px 80px, 80px 2px, 2px 80px, 80px 2px;
    // background-size: 0.0125rem 0.4rem, 0.4rem 0.0125rem, 0.0125rem 0.4rem,
    0.4rem 0.0125rem;

    image.png image.png
    background: linear-gradient(
                to left,
                rgb(4, 172, 247),
                rgb(4, 172, 247)
              )
              left top no-repeat,
            linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
              top no-repeat,
            linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
              top no-repeat,
            linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) right
              top no-repeat,
            linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) left
              bottom no-repeat,
            linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
              bottom no-repeat,
            linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
              bottom no-repeat,
            linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
              bottom no-repeat;
          /*设置大小*/
          background-size: 0.0125rem 0.4rem, 0.4rem 0.0125rem, 0.0125rem 0.4rem,
            0.4rem 0.0125rem;
    

    相关文章

      网友评论

          本文标题:css 四角边框

          本文链接:https://www.haomeiwen.com/subject/tfkmqltx.html