电视剧详情列表 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>电视剧详情列表</title>
 6     <style>
 7         body{
 8             padding-top:15px;
 9             width:350px;
10             margin: 0 auto;
11         }
12         .c1{
13             background: url("image/1.gif") 10px   no-repeat;
14             padding-left:38px;
15             font-size: 12px;
16             font-weight: bold;
17             border:1px #A4FFF3 solid;
18             height:27px;
19             line-height:27px;
20             margin-bottom: 20px;
21         }
22         .c2{
23             float:left;
24             border:1px #A4FFF3 solid;
25             padding: 2px;
26         }
27         .c3{
28             float: left;
29             font-size: 13px;
30             font-weight: bold;
31             margin-left: 5px;
32             margin-top: 15px;
33         }
34         .c4{
35             color:#55565F;
36             float: left;
37             font-size: 13px;
38             margin-left: 5px;
39             margin-top: 12px;
40             width: 220px;
41             border:1px white solid;
42             line-height: 26px;
43         }
44         li{
45             list-style: none;
46             font-size: 13px;
47         }
48         .c5{
49             float: left;
50             padding: 1px;
51         }
52         .c6{
53             float: right;
54         }
55         .c5 a{
56             text-decoration: none;
57             color:#55565F;
58         }
59         .c6 a{
60             color:gray;
61             text-decoration: none;
62         }
63         a:hover {
64             text-decoration: underline;
65             color: blue;
66         }
67     </style>
68 </head>
69 <body>
70 <header>
71     <div class="c1">明星荐片</div>
72 </header>
73 <section>
74     <div class="c2"><img src="image/3.gif"/></div>
75     <div class="c3">周秀娜荐片:让子弹飞</div>
76     <div class="c4">
77         导演：姜文<br/>
78         主演：姜文 周润发 葛优<br/>
79         点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]
80     </div>
81     <ul class="c5">
82         <li><a href="">《巴别塔》：好的故事引人深思</a><br/><br/></li>
83         <li><a href="">《洛杉矶之战》：外星人那么弱智？</a><br/><br/></li>
84         <li><a href="">《让子弹飞》：武侠里也可以有爱情</a><br/><br/></li>
85         <li><a href="">《剑雨》：好的故事引人深思</a><br/><br/></li>
86         <li><a href="">《春风沉醉的夜晚》：非常真实</a><br/><br/></li>
87         <li><a href="">《克洛伊》：故事简单却细致</a></li>
88     </ul>
89     <ul class="c6">
90         <li><a href="">&nbsp;&nbsp;&nbsp;阿朵</a><br/><br/></li>
91         <li><a href="">丁子俊</a><br/><br/></li>
92         <li><a href="">周秀娜</a><br/><br/></li>
93         <li><a href="">叶年生</a><br/><br/></li>
94         <li><a href="">如小果</a><br/><br/></li>
95         <li><a href="">刘若英</a></li>
96     </ul>
97 </section>
98 </body>
99 </html>

 

posted @ 2021-01-20 09:17  残冰辉  阅读(276)  评论(0)    收藏  举报