html里的table如何在表格内部保留表格横线的同时去掉表格里的竖线?

html里的table如何在表格内部保留表格横线的同时去掉表格里的竖线?

就是把td的边框设成0


<!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=utf-8" />

<title>无标题文档</title>

<style>

table{

border-collapse:collapse;//表格单元格间距样式

border:1px solid #0F0;

}

tr{border:1px solid #0F0;}

td{

border:0px;}

</style>

</head>

<body>

<table width="200">

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-04-15

<style type="text/css">

#tab{

 width:500px;

 border:1px solid green;

}

#tab tr td{

 width:50px;

 border:1px solid green;

 border-bottom-width: thin;

 border-right-style:none;

 border-left-style:none;

 border-top-style: none;

}

</style>


<table id="tab" cellpadding="0" cellspacing="0">

 <tr><td>NAME</td><td>AGE</td><td>PWD</td></tr>

 <tr><td>cxc</td><td>16</td><td>123</td></tr>

 <tr><td>cll</td><td>20</td><td>456</td></tr>

</table>


第2个回答  2014-04-15
把下边框设为1 给颜色 左右上设为0追问

好像还不行哦,能具体点吗?

第3个回答  2018-01-26
<style>
table {
width : 300px;
cellspacing : 0; //单元格之间,单元格与边框之间空隙为0
}
tr {
border : 1px solid; //宽度为1的实线
border-color: #D3D3D3; //横线的颜色
}
</style>
<table rules="rows">
<tr>
<td width="75">名称:</td>
<td width="75">风景01</td>
</tr>
</table>
给table标签加个属性rules="rows",而且这个属性不能加在css样式中

html里的table如何在表格内部保留表格横线的同时去掉表格里的竖线?
就是把td的边框设成0 <!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=utf-8" ...

html表格怎么去掉内边框?
1.在HTML文件中,找到需要去掉内边框的表格标签(<table>)。2. 在该标签中添加style属性,并在其中添加以下代码:<table style="border-collapse: collapse;"> 3. 保存文件并重新加载页面,即可看到表格的内边框已经被去除了。解释一下上面代码的含义:`border-collapse: collapse;`表示将相邻单元格的...

html代码\/如何做到有横线无竖线的表格\/或横线有颜色\/竖线没颜色
border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #000000;border-bottom-color: #000000;}

HTML5中Table如何消除边框(TD)间距?
1、border里不要带单位就可以,具体操作如下,首先新建一个HTML文件,写入基本的结构,创建一个带边框的表格:2、接下来设置table的属性border的值为0,即可消除边框,然后在style标签中设置css样式,给表格一个border-collapse的属性,属性值为collapse即可合并表格的边框,显得跟紧凑,最后给表格设置颜色,...

html语言中table表格内怎么换行
html语言当中,<p>标签 或者是<br\/>都可以实现table表格内换行。也可以使用css来实现,CSS控制Table单元格强制换行与强制不换行 。用CSS实现Table单元格数据自动换行或不换行的实现方法如下:1、强制换行:<style type="text\/css"> .AutoNewline { Word-break: break-all;\/*必须*\/ } <\/style>...

Html建立表格,如何留空单元格?
在<td>标签插入空格即可:<td> <td> 插入 & 和 nbsp 然后分号";"

html语法,让table里的每一个行和列都有黑色的边框线怎么弄?css...
2、使用table自带属性<table border="1">,可以直接为table内的单元格加上线条,但是单元格之间默认有边距,如果不想要的话使用cellspacing="0"清空边距,而且使用 border="1"线条会显得比较粗,所以可以使用style="border-collapse:collapse;"让其变细,以下为demo代码。<html><head><meta charset="...

html中怎么设置table的边框颜色,只要外面一圈,不要网格线
可以使用css的border标签实现table的边框颜色,只要外面一圈,不要网格线。具体步骤如下:需要准备的材料分别是:电脑、浏览器、ultraedit。1、在ue编辑器中新建一个空白的html文件,css文件。2、在ue编辑器中输入以下html代码。3、在ue编辑器中输入以下css代码。4、编辑完成以后,在ue编辑器中点击保存,...

做html中 做了个表格 然后又在表格下面打的文字都到表格上面了 怎么弄...
你的表格没有关闭标签,也就是说,少了<\/table>.把<\/table>插入到最后一个<\/tr>之后即可解决.

html中怎么去掉表格边框线的?
html中去掉表格边框线可以将boder属性设置成0px solid即可。如下图所示:border 简写属性在一个声明设置所有的边框属性。为边框指定宽度有两种方法:可以指定长度值,比如 2px 或 0.1em(单位为 px, pt, cm, em 等),或者使用 3 个关键字之一,它们分别是 thick 、medium(默认值) 和 thin。注意...

相似回答