使用css样式做的表格如何用css做表格

用样式表(CSS)定制表格边框

1、对table表格td设置边框样式，表格对象内td将实现边框样式，但中间部分td会导致出现双边框。

目前创新互联公司已为1000多家的企业提供了网站建设、域名、虚拟主机、绵阳服务器托管、企业网站设计、延寿网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

2、表格边框的双线样式其实很简单，只要同时设置表格外边框和table里的每个单元格的边框，就可以实现了。因为separate是默认值，就算是不设置border-collapse：separate；表格也会呈现双线效果。

3、用CSS设置html中的表格边框样式用border设置就可以。

4、border-style：边框样式边框样式值如下：none ：　无边框。与任何指定的border-width值无关 hidden ：　隐藏边框。IE不支持 dotted ：　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5+为点线。

可以应用border-spacing属性设置到表中。border-collapse 默认值为separate，即每个td单元格都有独立的边框；collapse表示相邻单元格共用一个边框，此时 border-spacing 将不起作用，设置为collapse单元格间距将消失。

table有cellspacing、cellpadding等属性可以控制其间距，但是如果table设置了 border-collapse：collapse；那么，cellspacing、cellpadding此时无效。可以用padding来替代。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：td {padding： 20px；}。浏览器运行index.html页面，此时表格中的文字被设置为都距离上下左右20px大小。

table 不加外框（不用border）td或th中使用style，如果要调节宽度，可以修改width中的值。如果想要调节行与行之间的宽度，可以在行之间加入一个空行想要调多宽就加多少个。

hehehe 因为：表格内左边距使用padding-left，而不是margin-left。margin-left叫外左边距。单元格垂直居中，设定vertical-align为middle，而不是bottom（靠下）。

1、第一步：在文档中插入一个表格。第二步：为表格添加一个id名称，你可以在属性面板上直接设置，也可以在代码里添加。第三步：打开css样式面板，单击“新建css样式”按钮。

2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {text-align： center；} table {margin： auto；}。浏览器运行index.html页面，此时成功用css让表格居中了。

3、先要打开dreamweaver。再建立网页项目类型。然后点击插入-表格。如图：Dreamweave中显示情况这样就完成了。

4、css-tricks里给出了一个用纯CSS实现的，但它需要将一些业务数据写在CSS里。而本文这将提到的一种方法也是用纯CSS实现表格的自适应布局，而且CSS只负责表现，不牵涉业务逻辑和数据。

1、用CSS设置html中的表格边框样式用border设置就可以。

2、只对表格table标签设置边框 - TOP 只对table标签设置border（边框）样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。

3、border-left 在一个声明中设置所有的左边框属性。 1 border-left-color 设置左边框的颜色。 2 border-left-style 设置左边框的样式。 2 border-left-width 设置左边框的宽度。

4、table 边框都是border属性，一般设置在th、tr、td上 border 简写属性，用于把针对四个边的属性设置在一个声明。border-style 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

5、border-color 如果不设置其中的某个值，也不会出问题，比如 border：solid #ff0000；也是允许的。border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

外面一个大框大框高上边和左边的线为1px黑色大框里面写五行四列共20个紧密排列好。宽高都设定一样。一定和外大框配合好。每个敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。

css只有编辑样式的能力，并不具备你说可以实现把html里面的页面分割成模板块或者模板块页面。

css-tricks里给出了一个用纯CSS实现的，但它需要将一些业务数据写在CSS里。而本文这将提到的一种方法也是用纯CSS实现表格的自适应布局，而且CSS只负责表现，不牵涉业务逻辑和数据。

如果有很多单元格的话，还是尽量用表格来做。

网页标题：使用css样式做的表格如何用css做表格
文章分享：http://scjbc.cn/article/disjepj.html