Java5

<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   东城卫  东方传奇   刀郎   刁寒  动力火车   邓丽欣

 

 

 

 

 










 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值