# html 练习题 百度歌单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度歌曲排行榜</title>
    <style type="text/css">
        *{
        margin:0px;
        padding:0px;}
        ol{
        width:300px;
        height:200px;
        margin:20px auto;
        border:#f1f1f1 1px solid;
        }
        li{
        	width:290px;
            height:30px;
        	color:#519B9F;
        	padding:10px 0 0 10px;
        	list-style-position:inside;
    		background:url(../images/up.jpg) no-repeat 170px 14px;
    	}
        .one{
            background:#F3F3F3 url(../images/down.jpg) no-repeat 170px 14px;
            }
        </style>
       
</head>
<body>
	    <ol>
    		<li>小苹果<span>筷子兄弟</span></li>
        	<li class="one">后会有期<span>佚名</span></li>
    	    <li>因为爱情<span>佚名</span></li>
            <li class="one">会不会<span>佚名</span></li>
        	    <li>古柏<span>佚名</span></li>
    	</ol>
       
</body>
</html>

云盘下载

点赞

发表评论