<style type="text/css">
.a {
width:500px;
height:25px;
font-size: 16px;
padding:5px;
background-color: #0F3;
background-repeat: no-repeat;
background-image: url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/bang.gif);
background-position:90px center;
color: #FFF;
}
a:link {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.C {
font-size: 12px;
line-height: 28px;
background-color: #F3F4DF;
}
.d {
list-style-type:none;
line-height:24px;
font-size:18px;
text-indent:2em;
}
.num1{
background-color:#0C0;
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no01.gif);
background-repeat:no-repeat;
background-position:10px 3px;
}
.num2{
background:#0C0 url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no02.gif) 10 3 no-repeat;
}
.num3{
background-color:#0C0;
background-image: url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/book_no03.gif);
background-repeat: no-repeat;
background-position: 10px top;
}
</style>
</head>
<body>
<div class="a">畅销书排行</div>
<ul class="d">
<li class="num1"> <a href="#">不抱怨的世界(畅...</a></li>
<li class="num2"> <a href="#">遇见未知的自己...</a></li>
<li class="num3"> <a href="#"> 活法(季羡林、...</a></li>
</ul>
<p> </p>
</body>
</html>
上机练习一
<pre name="code" class="css"><style type= "text/css">
.one {
font-family: "楷体";
font-size: 12px;
line-height: 20px;
}
.on {
font-family: "楷体";
font-size: 18px;
font-weight: bold;
}
.cv {
font-weight: bold;
color: #F00;
font-size: 12px;
}
.d {
width:300px;
height:300px;
background-color: #F00;
background-image:url(file:///C|/Users/Administrator/Desktop/%E6%8D%95%E8%8E%B7.PNG);
background-repeat:no-repeat;
background-position:right bottom;
}
</style>
</head>
<body><strong><strong><strong></strong></strong></strong>
<p class ="on">全部歌手
<p class="one"><span class="cv">A</span> A Fine Frenzy Air Supply Akon Alan Silvestri Apink 安又琪 安在旭 安室奈美惠
<p class="one"><span class="cv">B</span> Babyface Backstreet .. Bandari Barbra Streisand Basshunter Bee Gees 北京天使合唱团 宝儿 宝宝的音乐花园 巴哈尔古丽 巴桑 布仁巴雅尔
<p class="one"><span class="c<strong></strong>v">C</span> Chris Garneau Christina Aguilera Christina Perri 草原兄妹 蔡卓妍 蔡国庆 陈雅森 陈雷 陈韵若
<p class="one"><span class="cv">D</span> Darby Devon Darren Darren Hayes Daughtry David Archuleta Dido 东城卫 东方传奇 刀郎 刁寒 动力火车 邓丽欣