如何用DIV+CSS制作表格
无标题文档
.table { border:#30C 1px;border-style: solid;height:30px; margin-top:-1px}
就这样 多列的表格 需要调整布局 这个 调整调整就能实现
是否是用table的话，边框如果设置为1px，结果显示出来是2px的效果？
如果是这个问题，请用这个样式：
table {
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
border-collapse:collapse;
}
table th,table td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
1）DIV+CSS是用来替换表格排版的，表格还是用table。
2）可以尝试用ul li 做简单的表格
3）用DIV+CSS做表格的方法和做页面布局的方法一致，所以你要学习一下这方面，可以参考一下相关视频教程。如果做复杂的表格因为需要反复嵌套效果就不好了。
这是我自己写的表格，你可以看看，没那么难
<!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=gb2312" />
<title>table</title>
<style type="text/css">
table{ margin:0 auto; border:1px dashed #333; background:#eee; border-collapse:collapse; font-size:14px;}
caption{ width:975px; height:25px; margin-bottom:20px; color:green; font-weight:bold;}
tr,th,td{width:100px; height:25px;}
tr{ background:#eee; text-align:center; line-height:25px;}
th{background:lightblue; color:#fff; border:1px dashed #333;}
td{ border:1px dashed #333;}
.odd{background:#ddd;}
</style>
</head>
<body>
<table >
<caption>用CSS控制表格样式</caption>
<tr>
<th></th>
<th>01月份</th>
<th>02月份</th>
<th>03月份</th>
<th>04月份</th>
<th>05月份</th>
<th>06月份</th>
<th>07月份</th>
<th>08月份</th>
<th>09月份</th>
<th>10月份</th>
<th>11月份</th>
<th>12月份</th>
</tr>
<tr class="odd">
<th>2011</th>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr class="even">
<th>2012</th>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr class="odd">
<th>2013</th>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr class="even">
<th>2014</th>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr class="odd">
<th>2015</th>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
</table>
<br/><br/>
<br/><br/>
<br/><br/>
<table>
<tr class="odd">
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr class="odd">
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
<tr class="odd">
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
<td>Value</td>
</tr>
</table>
</body>
</html>
div不是万能的，该用table的时候，还是要用table，这样才有利于网页浏览。
.div{
border-top:black sold 1px;
border-right:black sold 1px;.
border-bottom:black sold 1px;
border-left:black sold 1px;
}
<div>
</div>
DIV+CSS怎么使用
DIV+CSS我们可以分为DIV和CSS两个概念。CSS：全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的...
为什么使用div为什么使用div+css
1.div使用的布局代码比table少，div只需要标签来实现，当你把HTML内容放在p>标签里时，可以称它为:“DIV块”,“DIV元素”,“CSS-layer”,或者简单的称之为“layer”。使用DIV标签的方法和其他标签没有什么两样：p> HTML内容 \/p> 纯粹使用DIV>标签而不加任何CSS内容，其效果与用P>\/P>是一样的。
html css中什么时候用div ,作用是什么,style type="text\/css">...<...
<DIV><\/DIV>就已经是一个盒子了 然后你可以通过CSS来定义这个盒子的样式，比如宽度，高度，背景颜色等 <style> div{width:100px;height:100px;background:#000000;color:#ffffff;} <\/style> <DIV>在这个DIV里面的内容就会是白色的，这个DIV盒子是100*100，背景色是黑色<\/DIV> 但是因为一个网页...
Div+CSS技术是干嘛用的?
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。 CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。
div+css是什么
CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者...
如何用DIV+CSS进行网页样式布局
在html网页编辑中，对于新手来讲，接触最多的就是div+css；那么如何使用div+css就行网页简单布局呢 一个网页设计时，我们可以将一个页面设置为头部，中间，和底部三部分； 头部有分为店招（logo）和导航等 中间既内容部分，内容也可一个整体，也可左右分离， 底部来页面结尾，一般写版权信息，友情链接...
css+div中div是什么啊,怎么用啊
1、定义和用法 <div>可定义文档中的分区或节（division\/section）。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记<div>，那么该标签的作用会变得更加有效。?2、用法 <div>是一个块级元素。这意味着它的内容自动地开始...
为什么要用div+css来进行网页布局?
有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。定义：<div>可定义文档中的分区或节（division\/section）。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用...
css中div的用法?
DIV本身就是容器性质的,不但可以内嵌table还可以内嵌文本和其它的HTML代码；CSS是CascADIngstyleSheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，...
div+css浮动布局怎么用
Div+css布局在网页设计中很常见，而布局中也经常会用到浮动（float）这个属性，那么div+css怎样浮动布局呢？一起来学习一下吧！首先，在一个新的HTML文件里面书写一个id为box的div，这个box作为最大的容器，并且里面存放了两个子div，分别是box1和box2。然后我们来设置box的样式，这里我就设置成宽高...
昔妮雷蒙： div布局,然后直接插入table,在table中设置表格样式,css来设置字体样式就行了
定陶县18293037630： 怎么用div - css制作表格？
昔妮雷蒙：这是一个高级的DIV+CSS问题!我是一个WEB前端开发工程师,可以用很多个方法实现. 我推荐连个. 实例一: /* style */ .wrapper { width:600px; } .wrapper .tr { overflow:hidden; zoom:1; } .wrapper .tr .td { float:left; width:200px; height:30px; } <!...
定陶县18293037630： 用div+css做表格？
昔妮雷蒙： 如果有很多单元格的话,还是尽量用表格来做. DIV: <div style=＂width:600px;overflow:hidden;＂><div style=＂float:left;width:98px;height:700px;border:1px solid #000;＂></div><div style=＂float:left;width:499px;height:100px;border:1px solid #000;...
定陶县18293037630： 如何用DIV+CSS制作表格 - ？
昔妮雷蒙： <!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/...
定陶县18293037630： 请问如何用 div+css 写一个 2 行 3 列的表格,有会的,请给写个实例, - ？
昔妮雷蒙： css样式: .box{width:306px;} .box ul{overflow:hidden;} .box ul li{float:left;width:100px;border:1px red solid;}div+css代码:<div class='box'><ul><li>1</li><li>1</li><li>1</li></ul><ul><li>2</li><li>2</li><li>2</li></ul> </div>具体看效果吧.
定陶县18293037630： div做一个表格 - ？
昔妮雷蒙： 你可以用left的div,使用float:left; middle的div,使用float:left;margin-left:(填入左边的div的宽度)px; right的div,使用float:right; 具体对其位置可以自己用margin来调整下. 下面的第二行记得在第一个div使用clear:both;就好了.第三行同二行.有时间学习下div,自己会了才是王道.
定陶县18293037630： 如何用div+css制作一个两行三列的表格? - ？
昔妮雷蒙： 这个比较麻烦!给你个思想!用DIV的FLOAT属性就可以实现!剩下的就是宽高的问题!
定陶县18293037630： 怎样有DIV+CSS做一个1行6列的表格 - ？
昔妮雷蒙： .a div{ display:inline-block; width:15%; }<div classs=＂a＂><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div></div>
定陶县18293037630： 怎么用DIV插入一个一行两列的表格 - ？
昔妮雷蒙： 要使用div做一个表格,主要需要应用到css中的border表框属性,这样看起来才像是一个表格.示例代码如下:html代码: <div class=＂table＂> <div class=＂col＂>第一个单元格</div> <div class=＂col＂>第二个单元格</div> </div>CSS代码: ....
