第7章浮动（制作电视剧详情列表页面）

<div class="div00"><header><div class="div01"><h1>明星荐片</h1></div></header><section><div class="div02"><img src="data:image/3.gif" alt=""><h1>周秀娜荐片:让子弹飞</h1><p>导演：姜文</p><p>主演：姜文 周润发 葛优</p><p>点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]</p></div><ul><li><a href="#">《巴别塔》：好的故事引人深思<span>阿朵</span></a></li><li><a href="#">《洛杉矶之战》：外星人那么弱智？<span>丁子俊</span></a></li><li><a href="#">《让子弹飞》：武侠里也可以有爱情<span>周秀娜</span></a></li><li><a href="#">《剑雨》：好的故事引人深思<span>叶年生</span></a></li><li><a href="#">《春风沉醉的夜晚》：非常真实<span>如小果</span></a></li><li><a href="#">《克洛伊》：故事简单却细致<span>刘若英</span></a></li></ul></section><footer></footer></div>

<style>*{margin: 0px;padding: 0px;}.div00{width: 330px;margin: 0px auto;}.div00 header .div01{border: 1px solid #666;line-height: 30px;padding: 2px 40px;margin: 10px 0px;background: url(image/1.gif) no-repeat 15px 11px;vertical-align: middle;}.div00 header .div01 h1{font-size: 14px;}.div00 section .div02 img{float: left;border: 1px solid #808080;padding: 2px;margin: 8px 0px;}.div00 section .div02 h1{overflow: hidden;font-size: 12px;padding:20px 0px 15px 10px;}.div00 section .div02 p{overflow: hidden;font-size: 12px;line-height: 25px;padding-left: 10px;}.div00 section ul{list-style: none;overflow: hidden;clear: both;margin: 20px 0px;}.div00 section ul li a{text-decoration: none;line-height: 27px;font-size: 12px;color: #808080;clear: both;overflow: hidden;}.div00 section ul li a span{clear: both;float: right;}.div00 section ul li a:hover{text-decoration: underline;color: orange;}</style>

第7章浮动（制作电视剧详情列表页面）相关推荐

浮动之电视剧详情页面
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>电视剧 ...
html （第四本书第七章浮动参考）
课上1 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8& ...
html电视剧详情,电视剧详情.html
电视剧详情列表 div{ width:400px; margin-left:50px; margin-top:10px;} .clear1{ background-image:url(7%E7%AB% ...
小白入门之HTML--第六章流动，浮动模型，菜单和页面布局
1.本章面试题 1.1 什么是流动模型 1.2 网页中基本的布局方式有哪些 2.知识点 2.1 上一章内容回顾上一章我们学习了网页元素的基本分类和盒子模型. 2.2 本章内容重点本章主要学 ...
使用element UI 快速制作一个列表页面
使用element制作一个列表页面,并且当点击"查看调查问卷"时弹出弹框. (图一) (图二) (图三) 1. 制作一个名叫DataListTable <DataListTa ...
html的详情页面设计,HTML5+CSS3网页设计与制作实用教程单元7 网页特效与制作商品详情页面（105页）-原创力文档...
单元7网页特效与制作商品详情页面HTML5+CSS3网页设计与制作实用教程本章导读The chapter's introduction 将JavaScript 程序嵌入HTML 代码中,对网页元素进行 ...
第四章浮动 ① 笔记
第四章浮动 ① 笔记 1.内容回顾 1.1.课前测试 1.2.上节内容 2.本章目标 2.1. 精灵图 2.2. css选择器的深入 2.3. 标签布局分类 2.4.浮动 3.具体内容 3.1.精灵 ...
萌新向Python数据分析及数据挖掘第一章 Python基础第三节列表简介第四节操作列表...
第一章 Python基础第三节列表简介列表是是处理一组有序项目的数据结构,即可以在一个列表中存储一个序列的项目.列表中的元素包括在方括号([])中,每个元素之间用逗号分割.列表是可变的数据类型, ...
html文档基本结构由哪三对,第3章网页制作及HTML语言基本结构简介.ppt
第三章网页制作与HTML语言基本结构简介本章提要静态网页与动态网页 Dreamweaver MX制作网页 HTML语言的基本结构 3.1网页制作概述 3.1.1静态网页与动态网页 1.静态网页 ...

第7章浮动（制作电视剧详情列表页面）

第7章浮动（制作电视剧详情列表页面）相关推荐

最新文章

热门文章

第7章 浮动（制作电视剧详情列表页面）

第7章 浮动（制作电视剧详情列表页面）相关推荐

最新文章

热门文章

第7章浮动（制作电视剧详情列表页面）

第7章浮动（制作电视剧详情列表页面）相关推荐