http://zw7534313.iteye.com/blog/511149
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.border{
border: 1px solid black;
}
.align-center{
margin:0px auto;
width:800px;
text-align:center;
}
</style>
</HEAD>
<BODY class="align-center">
<div class="border" style="width:800px;height:100px;">1</div>
<div class="border" style="width:800px;height:30px;line-height: 30px;">2</div>
<div class="border" style="width:800px;height:30px; ">3</div>
<div class="border" style="width:800px;height:30px; ">4</div>
<div class="border" style="width:800px;">
<div class="border" style="width:560px; margin-top:5px;float:left;">
<div class="border" style="width:560px;height:300px;">
<div class="border" style="width:260px;height:300px;float:left;">5</div>
<div class="border" style="width:288px;height:300px;float:right;">6</div>
</div>
<div style="margin-top:5px;">
<div class="border" style="width:160px;height:300px;float:left;">7</div>
<div class="border" style="width:392px;float:right;margin-left:5px;">
<div class="border" style="width:193px;height:200px;float:left;">8</div>
<div class="border" style="width:192px;height:200px;float:right;">9</div>
<div class="border" style="height:94px;margin-top:5px;"></div>
</div>
</div>
<div style="margin-top:5px;height:400px;width:560px;" class="border">
<div class="border" style="width:160px;height:160px;float:left;">10</div>
<div class="border" style="width:392px;height:200px;float: right;">
<div class="border" style="width:192px;height:200px;float:left;">11</div>
<div class="border" style="width:192px;height:200px;float:right;">12</div>
</div>
<div class="border" style="width:160px;height:236px;float:left;margin-top:5px;">13</div>
<div class="border" style="width:392px;height:194px;float:left;float:right;margin-top:5px;">14</div>
</div>
</div>
<div class="border" style="width:231px;height:1000px;float:left;margin-left:5px;margin-top:5px;">15</div>
</div>
<div class="border" style="width:800px;height:160px;margin-top:5px;">16</div>
<div class="border" style="width:800px;height:30px;margin-top:5px;">17</div>
<div class="border" style="width:800px;height:160px;margin-top:5px;">18</div>
</BODY>
</HTML>
分享到:
相关推荐
初学DIV+CSS排版的同学可以拿去看看 还是值得学习的 初学DIV+CSS排版的同学可以拿去看看 还是值得学习的 初学DIV+CSS排版的同学可以拿去看看 还是值得学习的
现在越来越多的网站开始用DIV+CSS排版网页
经典全套DIV+CSS实例,最适合做网站首页 不看后悔哦············
自动更新的DIV+CSS排版电影小偷.rar
css常用样式属性详细介绍主要是把div+css网页排版中常用的每个属性的作用和用法详细描述
div+css实现网站首页排版,这样可以制作好网站首页
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...
XHTML 40个例子显示的内容一样,通过CSS实现不一样的布局效果, 是学习div + css排版的绝佳教程.body标签内的内容如下: <div id="container"> <div id="header"><h1>Header</h1></div> <div id="wrapper"> <div id=...
div+css排版学习,让您的页面更符合w3c标准,
11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的分析 第12章 CSS+div美化与布局实战...
使用div+css排版的网页,在作业中可以用啊,简单漂亮的网页!
这就是DIV排版的核心所在,传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。因为用这种方式排版的网页代码简洁,更新...
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js,有的视频...
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...
1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本; 2....你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...
一款简洁实用的DIV+CSS图标文字列表布局样式代码,不错的网页图文列表布局排版效果。