<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>电视剧详情列表</title>
</head>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
a{
text-decoration: none;
}
#main{
margin: 0 auto;
margin-left: 80px;
width: 600px;
}
#title h2{
background-image: url('image/1.gif');
background-repeat: no-repeat;
background-position: 10px; 10px;
font-size: 12px;
height: 27px;
text-indent: 38px;
margin-top: 10px;
border: 1px #a8a5a5 solid;
line-height: 27px;
margin-bottom: 10px;
}
#pic{
float: left;
}
ul li{
margin-top: 10px;
}
.m{
margin-top: 10px;
}
.d{
margin-bottom: 20px;
}
ul li{
clear: both;
margin-top: 20px;
list-style: none;
}
ul li span{
float: right;;
}
ul li a{
color: black;
}
ul li a:hover{
text-decoration: underline;
color: plum;
}
ul li:first-child{
margin-top: 60px;
}
#text{
margin-left: 150px;
}
.d a{
color: black;
}
.d a:hover{
text-decoration: underline;
color: plum;
}
#text a{
color: black;
}
#text a:hover{
text-decoration: underline;
color: plum;
}
</style>
<body>
<div id="main">
<div id="title">
<h2>明星荐片</h2>
</div>
<div id="top">
<div id="pic">
<a href="#"><img src="image/3.gif"/></a>
</div>
<div id="text">
<h2 class="d"><a href="#">周秀娜荐片:让子弹飞</a></h2>
<p class="m"><span>导演:</span>姜文</p>
<p class="m"><span>主演:</span>姜文 周润发 葛优</p>
<p class="m">点评:我最喜欢的要算《让子弹飞》了,超喜欢...<a href="#">[详情]</a></p>
</div>
</div>
<ul type="square">
<li><a href="#">《巴别塔》:好的故事引人深思</a><span>阿朵</span></li>
<li><a href="#">《洛杉矶之战》:外星人那么弱智?</a><span>丁子俊</span></li>
<li><a href="#">《让子弹飞》:武侠里也可以有爱情</a><span>周秀娜</span></li>
<li><a href="#">《剑雨》:好的故事引人深思</a><span>叶年生</span></li>
<li><a href="#">《春风沉醉的夜晚》:非常真实</a><span>如小果</span></li>
<li><a href="#">《克洛伊》:故事简单却细致</a><span>刘若英</span></li>
</ul>
</div>
</body>
</html>
12.18作业
最新推荐文章于 2024-08-27 14:09:09 发布