浮动( 上机2)

最新推荐文章于 2022-07-11 19:36:44 发布

qq_36074096

最新推荐文章于 2022-07-11 19:36:44 发布

阅读量407

点赞数

本文链接：https://blog.csdn.net/qq_36074096/article/details/52861264

版权

<!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">
.e{ color:#FFF;
	background-color: #03F;
	width:500px;
	height:40px;
	text-align: start;
	font-weight: bold;
	list-style-type: none;
	padding:0px;
	font-size:9mm;

	}
.a{
	width: 500px;
	height:550px;
	background-color:#666;
}
.a li{
	list-style-type: none;
	float:left;
	width: 250px;
	height:250px;
}
.v li a img{
	border:2px #33CC00 solid;
}
.v li a:hover img{
	border:2px #fff solid;
}
.v span{
	background:url(../Desktop/icon-02.jpg) 10px 5px no-repeat;
	padding-left:30px;
	height:25px;
	line-height:25px;
	display:block;
}
.v p{
	background:url(../Desktop/icon-01.jpg) 10px 5px no-repeat;
	padding-left:30px;
	height:25px;
	line-height:25px;
	display:block;
}
a,a:hover{
	display:block;
}
ul{
margin:0px;	
padding:0px;
}
 </style>
</head>
<body>
<div class="e">精彩视频</div>
<div class="a">
<ul class="v">
<li><a href="#"><img src="../Desktop/video-01.jpg"/></a>
<h1>携手共同进步</h1>
<span>时长：80秒</span>
<p>点击：541563</p>
</li>
<li><a href="#"><img src="../Desktop/video-02.jpg"/></a>
<h1>美丽的起点</h1>
<span>时长：120秒</span>
<p>点击：657842 </p>
</li>
<li><a href="#"><img src="../Desktop/video-02.jpg"/></a>
<h1>努力的过程</h1>
<span>时长：50秒</span>
<p>点击：9123803</p>
</li>
<li><a href="#"><img src="../Desktop/video-04.jpg"/></a>
<h1>享受丰硕的成果</h1>
<span>时长：60秒</span>
<p>点击：47651280</p>
</li>
</ul></div>

</body>
</html>