制作北大青鸟视频宣传片列表页面

来源：互联网发布：ubuntu sd卡挂载编辑：程序博客网时间：2024/06/02 10:40
<!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{background-color:#03C;width:500px;height:30px;font-weight: bold;text-align: left;padding-top: 10px;padding-left: 30px;color:#FFF;font-size: 14px;}.a {height: 550px;width: 530px;background-color: #CCC;}.b li{float: left;width:180px;height:260px;}.c span{background-image: url(../icon-02.jpg);line-height:25px;display:block;height: 25px;padding-left: 30px;background-repeat: no-repeat;background-position: 10px 5px;}.c p{background-image: url(../icon-01.jpg);line-height:25px;display:block;height: 25px;padding-left: 30px;background-repeat: no-repeat;background-position: 10px 5px;}.c li a img{ border:#FFF 2px solid;}.c li a:hover img{ border:#F63 2px solid;}.c{padding:0px 50px;list-style-type:none;margin:0px 0px;}</style></head><body><div class="e">精彩视频</div><div class="a"><ul class="c"><div class="b"><li><a href="#"><img src="../video-01.jpg"></a><h3>携手共同进步</h3><p>时长:80秒</p><span>点击:541563</span></li></div><div class="b"><li><a href="#"><img src="../video-02.jpg"/></a><h3>美丽的起点步</h3><p>时长：120秒</p><span>点击：657842 </span></li></div><div class="b"><li><a href="#"><img src="../video-03.jpg"/></a><h3>努力的过程</h3><p>时长：50秒</p><span>点击：9123802 </span></li></div><div class="b"><li><a href="#"><img src="../video-04.jpg"/></a><h3>享受丰硕的成果程</h3><p>时长：60秒</p><span>点击：47651280</span></li></div></ul></div></body></html>
0 0