浮动( 上机2)
来源:互联网 发布:c 语言英文怎么说 编辑:程序博客网 时间:2024/06/06 07:52
<!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>
0 0
- 浮动( 上机2)
- 浮动(第七章上机1)
- 浮动(2)
- 上机2
- 明细表2---浮动
- 2边浮动广告
- CSS清除浮动2
- CSS-浮动2
- 浮动
- 浮动
- 浮动
- 浮动
- 浮动
- 浮动
- 浮动
- 浮动
- 浮动
- 浮动
- 【备忘】获取设备及系统信息
- mysql演化历程
- android开发--- jni返回结构体
- C++类的4个默认成员函数
- 使用maven插件反向映射generatorConfig.xml生成代码
- 浮动( 上机2)
- 获取当前日期
- 详解统计信号处理之 克拉美罗界
- 使用Amazon AWS搭建GPU版tensorflow深度学习环境
- 【ssoj1027】树形图计数
- redis :jedisTemplate中的Zset 存储
- 优雅的页面动态隐藏标签
- javascript常用互动方法
- Windows下PBC的安装