如何让html的表格边框去除_IT百科

1、我们首先展示最原始的代码和效果。默认情况下，表中直接用td划分的表将隐藏边框。

2、接下来，我们使用css添加样式并为表添加边框。表{边框：1px solid＃804040;}修改后的效果是整个表格具有外边框，并且表格中没有边框。

3、然后我们使用css为td添加边框。表td {边框：1px solid＃804040;}修改后的效果是每个td都添加了边框，显示效果是表格显示单个边框。

4、接下来，td显示左上角，表格显示右下角，实现边框表效果。表{Border-right：1px solid＃804040;边框底部：1px实心＃804040;}

表td {边框左：1px solid＃804040;Border-top：1px solid＃804040;}修改后的效果与预期的一样，但由于内部单元之间的间距，内部边界不连续。

5、最后，我们在表中添加了css代码：border-collapse：collapse;用来消除单元格间距。这是：表{Border-right：1px solid＃804040;边框底部：1px实心＃804040;边境崩溃：崩溃;}

表td {边框左：1px solid＃804040;Border-top：1px solid＃804040;}修改后，消除了单元间距，完美地实现了效果。

HTML的表格标签是：<table >

在table标签内加 border=1

例如: <table border=1></table>

边框的属性有：

border：边框大小

bordercolor：边框颜色

bordercolordark：边框暗边颜色（即右下边框颜色）

bordercolorlight：边框亮边颜色（即左上边框颜色）

不需要这种设置，直接用css就行了，如<table border="1" style="border-collapse:collapse;">。

语法：

border-collapse : separate |

collapse

取值：

separate

默认值。边框独立（标准HTML）

collapse

相邻边被合并

说明：

设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。

设置Table的细边框通常有这么几种方式：

1使用css

2使用ie中特有的属性,不支持除ie外的浏览器

3整个表格的背景为黑色，每个单元格背景为白色，单无格间距为1,表格粗细为0

4直接代码表示(一个style="BORDER-COLLAPSE:collapse"搞定)

扩展资料:

Table控件主要用于在web页面上创建表格，其功能与HtmlTable类似。不同的是，Table控件可以用动态的内容以编程的方式来生成表格。

<Table>定义整个表格，即表格的内容要放在<Table>和</Table>标记中；在<Table>中的主要属性：border属性显示表格的边框，width, height属性定义表格的大小。<caption>标记符用来定义表格的标题。

表格的表示以行为单位，在行中包含列。其中：一个<tr></tr>标记表示一行；一个<td></td>标记表示一列；<th> </th>定义表头，一般可以不用。

参考资料来源 table

您好！以下是最典型的细线表格，具备最基本的设置。供参考：

<!doctype html>

<html>

<head>

<title>表格CSS设置</title>

<style>

#tb1 {

border-collapse: collapse; / 折叠边框产生细线表格/

border: 2px solid black; / 外框粗线、内部细线表格，表格线为黑色 /

}

#tb2 {

border-collapse: collapse; / 折叠边框产生细线表格/

border: 1px solid red; / 细线表格，表格线为红色 /

}

</style>

</head>

<body>

<br>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

<br>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

</body>

</html>

显示结果：

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/12153436.html

如何让html的表格边框去除

发表评论

评论列表（0条）