HTML练习--制作宣传视频
来源:互联网 发布:地图软件电脑版 编辑:程序博客网 时间:2024/05/09 06:50
<!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">.a {width: 500px;height: 30px;background-image: url(icon-03.jpg);background-repeat: repeat-x;background-position: 0px 0px;font-size: 14px;font-weight: bolder;color: #FFF;text-indent: 2em;}.b {width:500px;height:610px;background-color: #CCC;}.aa {height: 300px;width: 200px;float: left;}.c{list-style-position: outside;list-style-type: none;}.c li a img{border:2px #FFFFFF solid;}.c li a:hover img{border:2px #F60 solid;}.c span{background-image: url(icon-02.jpg);background-repeat: no-repeat;background-position: 10px 5px;padding-left:30px;height:25px;line-height:25px;display:block;}.c p{line-height: 25px;background-image: url(icon-01.jpg);background-repeat: no-repeat;background-position: 10px 5px;height: 25px;line-height:25px;display:block;padding-left:30px;}.c li{ float:left width:142px; height:160px;}.c{padding:0px 0px;margin:0px 0px;}</style></head><body><div class="a">精彩视频</div><div class="b"><ul class="c"><div class="aa"><li><a href="#"/><img src="video-01.jpg"/></a><h3>携手共同进步</h3><p>时长:80秒</p><span>点击:541563</span></li></div><div class="aa"><li><a href="#"/><img src="video-02.jpg"/></a><h3>美丽的起点</h3><p>时长:120秒</p><span>点击:657842</span></li></div><div class="aa"><li><a href="#"/><img src="video-03.jpg"/></a><h3>努力的过程</h3><p>时长:50秒</p><span>点击:912380</span></li></div><div class="aa"><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
- HTML练习--制作宣传视频
- 学习如何制作游戏宣传视频
- HTML 北大青鸟视频宣传片列表
- 第七章上机练习2 视频宣传片 有瑕疵
- 制作北大青鸟视频宣传片列表页面
- html制作知识点练习
- HTML第七章上机题3---------北大青鸟视频宣传
- 宣传片制作误区
- 用flash制作一个倒计时(并插入宣传视频轮播)
- HTML练习制作邮箱登陆界面
- HTML练习--制作开心庄园页面
- HTML练习--制作畅销书排行页面
- 会声会影小成果分享(那段青春岁月)——校学习部宣传视频制作&生日祝福
- 游戏定宣传片制作攻略
- 企业网站宣传画册设计制作的重要性
- 企业(公司)宣传片制作流程(上)
- 视频:北京奥运会火炬接力宣传片
- 一个go语言宣传的视频
- spring+springMVC+mybatis整合(1)
- Oracle中date与timestamp的异同
- NIO/IO(二)
- C++“准”标准库Boost学习指南(8):Boost.Tuple
- windows cmd 查看md5 (结果16 进制)
- HTML练习--制作宣传视频
- android:focusableInTouchMode
- String s = new String(“xyz”);产生几个对象?
- 2017 ThoughtWorks校招编程作业(C++版)
- mysql(二):使用聚合函数查询
- php处理微信小程序wx.uploadFile(OBJECT)发送过来的文件
- 修改ubuntu的用户名(注意用户名和主机名的区别)
- I/O之缓冲输入流
- VS2013 编译live555