<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北大青鸟视频宣传片列表</title>
<style type="text/css">
.div1{
height: 600px;
width: 600px;
background-color: #CCC;
}
.div2{float:left;
height: 270px;
width: 300px;
}
.x{
height: 50px;
width: 600px;
background-repeat: repeat-x;
}
li{
list-style-type: none;}
.z{background-image: url(icon-03.jpg);
font-size: 36px;
color: #FFF;
}
p{ text-indent:20px;
background-image: url(icon-01.jpg);
background-repeat: no-repeat;
}
span{
text-indent:20px;
background-image: url(icon-02.jpg);
background-repeat: no-repeat;
display: block;
}
</style>
</head>
<body>
<div class="x">
<h1 class="z">精彩视频</h1>
</div>
<div class="div1">
<div class="div2">
<ul>
<li><a href="#"><img src="video-01.jpg"height="100px" width="240px"></a>
<h1>携手共同进步</h1>
<p>时长:80秒</p>
<span>点击:541563 </span>
</li>
</ul>
</div>
<div class="div2">
<ul>
<li><a href="#"><img src="video-02.jpg" height="100px" width="240px"></a>
<h1>美丽的起点</h1>
<p>时长:120秒</p>
<span>点击:657842 </span>
</li>
</ul>
</div>
<div class="div2">
<ul>
<li><a href="#"><img src="video-03.jpg"height="100px" width="240px"></a>
<h1>努力的过程</h1>
<p> 时长:50秒</p>
<span> 点击:912380 </span>
</li>
</ul>
</div>
<div class="div2">
<ul>
<li><a href="#"><img src="video-04.jpg"height="100px" width="240px"></a>
<h1>享受丰硕的成果</h1>
<p>时长:60秒</p>
<span>点击:47651280 </span>
</li>
</ul>
</div>
</div>
</body>
</html>
第7章 上机2
最新推荐文章于 2021-12-02 15:08:41 发布