第7章 上机2

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36074058/article/details/52859816
<!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>

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭