关于迅雷评论的一个改造html css
Code
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://HdhCmsTestw3.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 ; }
测试数据ment { 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 ; }
测试数据ment 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 ; }
测试数据ment .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测试数据/movie_v2/images/default_m.gif" /></ a ></ span >
< div class ="basicInfo" >
< img src ="http://images.movie.xunlei测试数据/movie_v2/images/ico_boy.png" alt ="男生" /> < a href ="" target ="_blank" title ="" > 姚大秋 </ a >
< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/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测试数据/movie_v2/images/default_m.gif" /></ a ></ span >
< div class ="basicInfo" >
< img src ="http://images.movie.xunlei测试数据/movie_v2/images/ico_girl.png" alt ="男生" /> < a href ="" target ="_blank" title ="" > 花儿 </ a >
< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/movie_v2/images/star1.png" alt ="" />< img src ="http://images.movie.xunlei测试数据/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://HdhCmsTestrainoina测试数据/raino/archive/371.html
自己琢磨着写了一下,在这里小记一下
查看更多关于关于迅雷评论的一个改造html css的详细内容...