console 命令行工具 X clear

console

<!doctype html>
<html><head>
<meta charset="utf-8">
<title>音乐排行榜</title>
<link rel="stylesheet" type="text/css" href="style05.css">
</head>
<body>
<div class="bg">
	<div class="sheet">
    	<p class="tp"></p>
        <p>vnessa—constance</p>
        <p>dogffedrd—seeirtit</p>
        <p>dsieirif—constance</p>
        <p>wytuu—qeyounted</p>
        <p class="yj">qurested—conoted</p>
    </div>
</div>
</body>
</html>

@charset "utf-8";
/* CSS Document */
/*重置浏览器的默认样式*/
*{
	margin:0;
	padding: 0;
}
/*整体控制歌曲排行版模块*/
.bg{
	width:600px; 
	height:550px; 
	background-image:repeating-radial-gradient(circle at 50% 50%,#333,#000 1%);
	margin:50px auto; 
	padding:40px;  
	border-radius:50%;
	padding-top:50px;
	border:10px solid #ccc;
	}
/*歌曲排名部分*/	
.sheet{
	width:372px; 
	height:530px; 
	background:#fff; 
	border-radius:30px; 
	box-shadow:15px 15px 12px #000; 
	margin:0 auto;}
.sheet p{
	width:372px; 
	height:55px; 
	background:#504d58 url(http://h5.fooc.cc/unit5/yinfu.png) no-repeat 70px 20px; 
	margin-bottom:2px;
	font-size:18px; 
	color:#d6d6d6; 
	line-height:55px; 
	text-align:center; 
	font-family:"微软雅黑";
	}
/*需要单独控制的列表项*/		
.sheet .tp{
	width:372px; 
	height:247px;
	background:#fff; 
	background-image:url(http://h5.fooc.cc/unit5/yinyue.jpg),url(http://h5.fooc.cc/unit5/wenzi.jpg);
	background-repeat:no-repeat;
	background-position:87px 16px,99px 192px;
	border-radius:30px 30px 0 0;
	}
.sheet .yj{border-radius:0 0 30px 30px;}