透明盒子

在这里插入图片描述

<!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>
posted @ 2019-05-14 23:52  达达前端  阅读(1485)  评论(0)  编辑  收藏  举报