第七章上机练习2

最新推荐文章于 2021-02-27 11:02:50 发布

IT的雨天

最新推荐文章于 2021-02-27 11:02:50 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/qq_36074163/article/details/52861765

版权

<!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>