新浪乐库模块小练习

最新推荐文章于 2023-10-23 18:58:54 发布

jimjiayu

最新推荐文章于 2023-10-23 18:58:54 发布

阅读量339

点赞数

分类专栏： HTML5+CSS3

HTML5+CSS3 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body,ul,li{ margin:0; padding:0;}
.music{ width:238px; height:159px; border:1px solid #d9e0ee; border-top:3px solid #ff8400; margin:100px auto;}
.hd{ height:35px; border-bottom:1px solid #E3E6ED; line-height:35px; padding-left:12px;}
.hd a{ color:#000; font-size:16px; font-family:"微软雅黑"; text-decoration:none;}
.hd a:hover{ color:#ff8400;}
.bd{ padding:18px 0 0  9px;}
.bd li{ height:24px;list-style:none; background:url(square.png) no-repeat left 9px; padding-left:10px;}
.bd a{ font-size:12px; color:#666; text-decoration:none;}
.bd a:hover{ text-decoration:underline; color:#ff8400;}
</style>
</head>

<body>
<div class="music">
	<div class="hd">
    	<a href="#">乐库</a>
    </div>
    <div class="bd">
    	<ul>
            <li><a href="#">汪峰《无处安放》华晨宇《蜉蝣》</a></li>
            <li><a href="#">俞灏明《挚爱》李健《等待黎明》</a></li>
            <li><a href="#">张曼玉《如果没有你》朴树新单</a></li>
            <li><a href="#">新浪乐库|音乐|入驻| 白举纲 欧豪</a></li>
        </ul>
    </div>
</div>
</body>
</html>