美文网首页
右上角角标

右上角角标

作者: ddsfec | 来源:发表于2019-04-01 14:47 被阅读0次

    主要是样式 重点级是1父布局正方形,高等于宽,2父相对布局,儿子绝对布局

    首先父亲.imgroot{

    width: 20%;

    height: 20vw;

    position: relative;

    background: #5B6CFB

    }

    然后儿子.img{

    height: 85%;

    width: 85%;

    bottom: 5%;

    left: 5%;

    background: #ff0000;

    position: absolute;

    }

    二儿子角标.deletebadge{

    height: 20%;

    width: 20%;

    right: 0%;

    top: 0%;

    background: #ff00ff;

    position: absolute;

    }

    相关文章

      网友评论

          本文标题:右上角角标

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