<!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>
<style type=text/css>
#div1 {
width: 904px;
}
#left {
float: left;
width: 300px;
height: 50px;
list-style-type: none;
border-left:1px solid;
border-top: 1px solid;
border-right:1px solid;
text-align: center;
line-height: 50px;
}
#middle,#right {
float: left;
width: 300px;
height: 50px;
border-top: 1px solid;
border-right: 1px solid;
text-align: center;
line-height: 50px;
}
#bottom {
float: left;
width: 902px;
height: 30px;
border-left: 1px solid;
border-top: 1px solid;
border-right: 1px solid;
border-bottom:1px solid;
text-align: center;
}
</style>
</head>
<body>
<div id="div1">
<div id="left">列1</div>
<div id="middle">列2</div>
<div id="right">列3</div>
<div id="left">列1内容</div>
<div id="middle">列2内容</div>
<div id="right">列3内容</div>
<div id="bottom"></div>
</div>
</body>
</html>
分享到：
相关推荐
DIV+CSS表格（用DIV+CSS做的表格像素表格） 内容不多但是绝对实用，其实在做数据显示时还是推荐用表格，因为不是所有的地方数据显示有用DIV+CSS，在数据显示时表格还是有很大的优势。不过这个还是要看个人爱好！
DIV+CSS表格代码.rar DIV+CSS表格代码.rarDIV+CSS表格代码.rar DIV+CSS表格代码.rar DIV+CSS表格代码.rar
用div+css 制作类似excel的表格功能
由于时间关系，本教程只讲解一些基础知识，让您从原来的表格布局跨入到web标准（div+css）布局，会使用web标准制作出常见的页面，这也达到了本教程的目的。 本教程多以实例形式循序渐进讲解，实例涉及到哪些关键点或...
12天学会DIV+CSS从理论到实践的教程，强烈推介。 第一天：选择什么样的DOCTYPE 第二天：什么是名字空间 第三天：定义语言编码 第四天：调用样式表 第五天：HEAD区的其他设置 第六天：XHTML代码规范 第七天：CSS入门 ...
最新版十天学会div+css（实例源代码及psd源文件）
div+css模拟表格对角线功能，div+css模拟表格对角线功能
6 一、利于搜索引擎蜘蛛爬行 6 二、易于修改 7 三、减少网页加载时间 7 四、代码精简 7 五、相对表格的嵌套问题 8 六、搜索排名的影响 8 第四节 div+css布局方式 8 第五节 div+css理论概述 9 一、理解CSS盒子模型 9 ...
包含15个页面，div+css布局，使用表单元素、多媒体技术、表格等等
很方便的，你注意你的表格的边框了吗？它们达到一般网页的效果嘛，看看这个，希望你有所收获.
由于时间关系，本教程只讲解一些实用知识，让您从原来的表格布局跨入到web标准（div+css）布局，会使用web标准制作出常见的页面，这也达到了本教程的目的。 本教程多以实例形式循序渐进讲解，实例涉及到哪些关键点...
div+css 固定表头和列div+css 固定表头和列
顾名思义：就是将网页中的表格转换成div+css样式的，非常在适合对样式表有需要却又不会div+css的人。。。。
由于时间关系，本教程只讲解一些实用知识，让您从原来的表格布局跨入到web标准（div+css）布局，会使用web标准制作出常见的页面，这也达到了本教程的目的。 本教程多以实例形式循序渐进讲解，实例涉及到哪些关键点...
到目前为止，大多数网站的布局是采用表格进行定位的，但这种方式会逐渐淡出设计舞台，取而代之的是符合Web标准的DIV+CSS布局方式。那么，Web标准是什么，如何进行DIV+CSS布局，就是本章所要介绍的内容。
DIV+CSS实现圆角DIV+CSS实现圆角DIV+CSS实现圆角
多级联动菜单 div+css +js
随着web 2.0大潮的席卷而来，传统的表格布局模式逐渐被div+css的设计模式所取代。使用div搭建框架，使用css定制、改善网页的显示效果，已经成为一个网页设计的标准化模式。对于网页设计人员来说，div+css已经成为...
DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。...
DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。提起DIV+CSS组合，还要从XHTML说起。XHTML是一种在HTML（标准通用标记语言的...