Web前端程序员程序员

透明盒子

2019-05-18  本文已影响2人  魔王哪吒
在这里插入图片描述
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<style type="text/css">
    .box{
        position: relative;
        width:500px;
    }
    .images-box{
        background: #9cf3c3;
        width:100%;height:300px;
    }
    .sign{
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 80px;
        height:30px;
        text-align: center;
        background: rgba(0,0,0,.6);
        border-radius: 20px;
        line-height: 30px;
        color: #fff;
    }
</style>
<body>
    <div class="box">
        <div class="images-box">
            
        </div>
        <div class="sign">1/5</div>
    </div>
</body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读