htmlcss表格样式的简单介绍

html中，为什么有的css样式在样式表里不起作用？！

html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：

成都创新互联专注于成都网站设计、网站制作、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户，用严谨的态度对待客户，用专业的服务创造价值，成为客户值得信赖的朋友，为客户解除后顾之忧。

1、在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。

2、将style中的全部css样式选中，然后复制或者剪切。

3、然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。

4、在创建的css样式文件中，将刚才复制的文件粘贴到这里。

5、在导出时，需要放到之前网页所在的同文件夹位置，可以新创建一个css文件夹，方便寻找导入。

6、然后回到html文件中，将之前的style样式全部删除即可，然后输入link链接标签，将之前保存的css样式链接进来，保存。

html,css这种表格样式是怎么实现的？

这是设置的边框，将边框的样式设置为 dashed就行，举个例子：

table{

width: 320px;

height: 320px;

}

tr td{

border:1px dashed #333;

}

可以这样写

怎么用CSS设置html中的表格边框样式

对table设置css样式边框，分为几种情况：1、只对table设置边框；2、对td设置边框；3、对table和td技巧性设置表格边框；4、对table和td设置背景，实现完美表格边框。

代码如下：

1、只对table设置边框；

style .table-a table{border:1px solid #F00} /* css注释：只对table标签设置红色边框样式 */ /style2、对td设置边框；

style .table-b table td{border:1px solid #F00} /* css注释：只对table td标签设置红色边框样式 */ /style3、对table和td技巧性设置表格边框；

style .table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} .table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} /* css 注释： 只对table td设置左与上边框； 对table设置右与下边框； 为了便于截图，我们将css 注释说明换行排版 */ /style4、对table和td设置背景，实现完美表格边框。

style .table-d table{ background:#F00} .table-d table td{ background:#FFF} /* css注释：设置table背景为红色，td背景为白色 */ /style

总结：

以上四种方式实现table表格边框样式方法，推荐使用第三和第四种方法来解决表格边框样式。希望此html table边框布局方法对大家有帮助并能掌握，平时需要时灵活运用。

html+css表格的边框显示是双线，怎样变成像word中的表格一样？

html+css表格的边框显示是双线，想要变成像和word中的表格一样可以在table加一个样式：border-collapse: collapse;

用CSS设置html中的表格边框样式

一、边框样式值如下：

none : 　无边框。与任何指定的border-width值无关

hidden : 　隐藏边框。IE不支持

dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线（常用）

dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线（常用）

solid : 　实线边框（常用）

double : 　双线边框。两条单线与其间隔的和等于指定的border-width值

groove : 　根据border-color的值画3D凹槽

ridge : 　根据border-color的值画菱形边框

inset : 　根据border-color的值画3D凹边

outset : 　根据border-color的值画3D凸

二、相关设置

单元格边距(表格填充)(cellpadding) -- 代表单元格外面距离,用于隔开单元格与单元格之间的空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离。具体代码如下：

table border='1'cellspacing="0" cellpadding="0" tr td width="200"1/td td width="200"2/td td width="200"3/td /tr tr tda/td tdb/td tdc/td /tr tr td中国/td td我/td td爱你/td /tr /table

三、文字居中设置

代码如下：

style type="text/css".onecenter{text-align:center;width:200px;}/styletable border='1'cellspacing="0" cellpadding="0" tr td class='onecenter'1/td td class='onecenter'2/td td class='onecenter'3/td /tr tr td class='onecenter'a/td td class='onecenter' b/td td class='onecenter' c/td /tr tr td class='onecenter' 中国/td td class='onecenter' 我/td td class='onecenter' 爱你/td /tr /table