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

系统 1827 0
Code
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> <! 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

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

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


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论