Code<!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" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<title>迅雷评论列表的改造</title>
<style type="text/css">
body{text-align:center;}
.comment{width:700px;padding-left:70px;margin:0 auto;text-align:left;}
*{padding:0;margin:0}
img{border:0}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.comment dt a{color:black;font-size:14px;font-weight:bold;display:block;border-bottom:1px dashed #D3D9E3;line-height:21px;}
dl,dt,dd{list-style:none}
.face{width:70px;}
.face img{padding:1px;display:block;border:1px solid #D3D9E3;float:left;margin-left:-70px;margin-top:-21px;}
.basicInfo{font-size:12px;color:#959595;line-height:20px;height:20px;position:relative;}
.basicInfo a{color:#2594E0;}
.basicInfo a:hover{color:red;}
.basicInfo span{/*float:right;margin-top:-20px;*/position:absolute;top:0;right:5px;}
.comment .content{color:#785D5D;font-size:12px;line-height:18px;}
.content a{color:#2594E0;}
.content a:hover{color:orange;}
.content p{text-indent:2em;padding:6px 0;line-height:18px;}
</style>
</head>
<body>
<dl class="comment">
<!-- 第一条信息 -->
<dt><a href="" _fcksavedurl="""" _fcksavedurl="""" _fcksavedurl="""" _fcksavedurl="""" target="_blank" title="">寂寞也是一种福分——《梅兰芳》观感</a></dt>
<dd>
<span class="face"><a href="" target="_blank" title=""><img src="http://images.movie.xunlei.com/movie_v2/images/default_m.gif" /></a></span>
<div class="basicInfo">
<img src="http://images.movie.xunlei.com/movie_v2/images/ico_boy.png" alt="男生" /> <a href="" target="_blank" title="">姚大秋</a>
<img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star2.png" alt="" /> [2008-12-30 11:28]
<span>2/2人认为本影评有用</span>
</div>
<div class="content">
<p>只看了一次，而且看得不仔细，勉强写之。</p>
<p>“纸枷锁”是影片的点题，此点之妙在于其矛盾性——纸与枷锁。于此是否也点出了人物的矛盾性？——梅兰芳“本是男儿身，何故说是美娇娘？”——“大伯”的纸枷锁似乎是权力，梅兰芳的纸枷锁是什么？座儿？戏？</p>
<p>老生常谈一句，人至无我方显本我，梅兰芳舞台下寡言少语的，舞台上却神采飞扬，倾国倾城，哪一个才是他呢？或许就是舞台上这一个个千娇百媚的纸枷锁封印住了梅的本
<a href="" target="_blank" title="查看全文">查看全文</a> <a href="" target="_blank" title="发表评论">（10回应）</a></p></div>
</dd>
<!-- 第二条信息 -->
<dt><a href="" target="_blank" title="">《梅兰芳》不是一个筐</a></dt>
<dd>
<span class="face"><a href="" target="_blank" title=""><img src="http://images.movie.xunlei.com/movie_v2/images/default_m.gif" /></a></span>
<div class="basicInfo">
<img src="http://images.movie.xunlei.com/movie_v2/images/ico_girl.png" alt="男生" /> <a href="" target="_blank" title="">花儿</a>
<img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star1.png" alt="" /><img src="http://images.movie.xunlei.com/movie_v2/images/star2.png" alt="" /> [2008-12-08 11:25]
<span>5/6人认为本影评有用</span>
</div>
<div class="content">
<p>对于“《梅兰芳》已经到了”，并没有做什么准备，只是在周五那天去图书馆借到了《梅兰芳自述》的书，匆匆的只翻阅了几张图片，眉眼清秀的少年时代，标志凝神的青中年——直观的印象，梅先生真是有气质的儒雅认识（相貌的端庄自是不必说的）！</p>
<p>接近两个半小时的电影，总体而言，前面比后面好看。前半段的人物很鲜活，水水灵灵，清清爽爽的，眉目间的少年梅兰芳透着青翠的神韵和自信，天生之才必是如此啊！故事也很好看，十
<a href="" target="_blank" title="查看全文">查看全文</a> <a href="" target="_blank" title="发表评论">（10回应）</a></p></div>
</dd>
</dl>
</body>
</html>
正在学html css,参看了
http://www.rainoina.com/raino/archive/371.html
自己琢磨着写了一下,在这里小记一下