您的位置：首页 > 其它

第七章上机练习2

2016-10-19 17:49 381 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>北大青鸟视频宣传片</title>
<style type="text/css">
#c{border-width:1px; border-style:solid; width:350px;
height:450px; background-color:#CDD4DC;margin:0px auto;}
h1{font-size:14px;}
.b{font-size:16px; color:white; background-color:#10284E; font-weight:bold;
height:30px; text-indent:1em;}
ul li{float:left; width:142px; height:200px;list-style-type:none;
padding:0px;}
li a,li a:hover{diaplay:block; padding:0px 15px;}
li a{color:white; text-decoration:none; padding:0px;}
li a:hover{color:#F39705; padding:0px;}
</style>
</head>
<body>
<div id="c">
<div class="b">精彩视频</div>
<ul class="a">
<li>
<a href="#"><img alt="" src="video-01.jpg"> </a>
<h1>携手共同进步</h1>
<p><img alt="" src="icon-01.jpg">时长:80秒</p>
<p><img alt="" src="icon-02.jpg">点击:541563</p>
</li>
<li>
<a href="#"><img alt="" src="video-02.jpg"> </a>
<h1>美丽的起点</h1>
<p><img alt="" src="icon-01.jpg">时长:120秒</p>
<p><img alt="" src="icon-02.jpg">点击:657842</p>
</li>
<li>
<a href="#"><img alt="" src="video-03.jpg"> </a>
<h1>努力的过程</h1>
<p><img alt="" src="icon-01.jpg">时长:50秒</p>
<p><img alt="" src="icon-02.jpg">点击:912380</p>
</li>
<li>
<a href="#"><img alt="" src="video-04.jpg"> </a>
<h1>享受丰硕的成果</h1>
<p><img alt="" src="icon-01.jpg">时长:60秒</p>
<p><img alt="" src="icon-02.jpg">点击:47651280</p>
</li>
</ul>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航