console 命令行工具 X clear

console

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
	<style>
		
	</style>
</head>
<body>
<div class="outerdiv">
	<div class="a">
	1
	</div>
	
	<div class="b">2
	</div>
	
	<div class="c">3
	</div>
</div>
</body>
</html>

.outerdiv{
    position:relative; color:#000; border:1px solid #000; width:500px; height:400px
}
.a {
    width: 180px;
    height: 230px;
    opacity: 1;
    background: linear-gradient(0deg,#fcfeff, #ffffff 97%);
    border-image: linear-gradient(180deg, #e1e6ee, #d9e0e9) 1 1;
    border-radius: 5px;
    box-shadow: 0px 2px 4px 0px rgba(123,134,145,0.14); 

     position:absolute; left:30px; top:30px;
     z-index: 1000;
}

.b {
    width: 180px;
    height: 224px;
    opacity: 1;
    background: linear-gradient(0deg, #fcfeff, #ffffff 97%);
    border-radius: 5px;
    box-shadow: 0px 2px 4px 0px rgba(123, 134, 145, 0.14);

     position:absolute; left:35px; top:35px;
     z-index: 999;
}

.c {
    width: 180px;
    height: 217px;
    opacity: 1;
    background: linear-gradient(0deg, #fcfeff, #ffffff 97%);
    border-radius: 5px;
    box-shadow: 0px 2px 4px 0px rgba(123, 134, 145, 0.14);

    position:absolute; left:40px; top:40px;
    z-index: 998;
}