关于迅雷评论的一个改造html css

  • 时间:
  • 浏览:
  • 来源:互联网
关于迅雷评论的一个改造html css
ContractedBlock.gif ExpandedBlockStart.gif 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><href="" _fcksavedurl="""" _fcksavedurl="""" _fcksavedurl="""" _fcksavedurl="""" target="_blank" title="">寂寞也是一种福分——《梅兰芳》观感</a></dt>     
      
<dd>
            
<span class="face"><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="男生" /> <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>老生常谈一句,人至无我方显本我,梅兰芳舞台下寡言少语的,舞台上却神采飞扬,倾国倾城,哪一个才是他呢?或许就是舞台上这一个个千娇百媚的纸枷锁封印住了梅的本 <href="" target="_blank" title="查看全文">查看全文</a> <href="" target="_blank" title="发表评论">(10回应)</a></p>
            
</div>
      
</dd>
     
      
<!-- 第二条信息 -->
      
<dt><href="" target="_blank" title="">《梅兰芳》不是一个筐</a></dt>
      
<dd>
            
<span class="face"><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="男生" /> <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>接近两个半小时的电影,总体而言,前面比后面好看。前半段的人物很鲜活,水水灵灵,清清爽爽的,眉目间的少年梅兰芳透着青翠的神韵和自信,天生之才必是如此啊!故事也很好看,十 <href="" target="_blank" title="查看全文">查看全文</a> <href="" target="_blank" title="发表评论">(10回应)</a></p>
            
</div>
      
</dd>
</dl>

</body>
</html>

正在学html css,参看了

http://www.rainoina.com/raino/archive/371.html

自己琢磨着写了一下,在这里小记一下

posted on 2009-03-05 15:09  lexus 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lexus/archive/2009/03/05/1403893.html

本文链接http://ha.ngui.cc/a/17052.html