html怎么设置表格内边框显示外边框不显示

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

语法：

border-collapse : separate |

collapse

取值：

separate

:　

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

collapse

:　

相邻边被合并

说明：

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

可以通过设置单元格元素td的边框样式来实现：

border: width style color;  /分别设置边框的粗细、样式和颜色/

示例如下：

在HTML代码中给出两个表格

<table class="tb1">

<tr><td>有</td><td>志</td><td>者</td></tr>

<tr><td>事</td><td>竟</td><td>成</td></tr>

</table>

<table class="tb2">

<tr><td>苦</td><td>心</td><td>人</td></tr>

<tr><td>天</td><td>不</td><td>负</td></tr>

</table>

分别设置不同的样式

table{ / 表格整体样式 /

margin:50px;  / 外边距50px /

border-collapse:collapse; / 合并为单一的边框线 /

}

/ 设置tb1类的表格样式 /

tabletb1 td{padding:10px;border:1px solid green;}

/ 设置tb2类的表格样式 /

tabletb2 td{padding:20px;border:5px dashed blue;}

最终效果如下

1、相关设置

单元格边距(表格填充)(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> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>中国</td> <td></td> <td></td> </tr> </table>

2、文字居中

代码如下：

<style type="text/css">onecenter{text-align:center;width:200px;}</style><table 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>

3、每一个表格都是一个完整的方框，如果想要线条更细。

看如下代码：

<style type="text/css">onecentertext-align:center;width:200px;height:50px;}#sebackground-color:#006699 ;padding:20px;color:#FFF;}</style><table border='1'cellspacing="0" cellpadding="20" > <tr> <td class='onecenter'>1</td> <td class='onecenter' style='border-left:0px;border-right:0px;' >2</td> <td class='onecenter'>3</td> </tr> <tr> <td class='onecenter'>a</td> <td class='onecenter' style='border:0px'> b</td> <td class='onecenter' > c</td> </tr > <tr id='se'> <td class='onecenter' ></td> <td class='onecenter' ></td> <td class='onecenter' ></td> </tr> </table>

table{

border:1px solid #000;/黑色1像素粗边框/

}

td{

border:none;/这个是单元格，不给他要边框/

}

以上是全局的，用了以后所有的表格都是这个样式。

如果你要给特定的表格加入这个样式：

1 给那个表格加上class='classname' （classname是你自己起的样式名）

2 然后在CSS里加上

classname{

border:1px solid #000;/黑色1像素粗边框/

}

classname td{

border:none;/这个是单元格，不给他要边框/

}

只有内边框没有外边框的话，我就只会用赖皮的方法：给table外面套一个overflow:hidden的div，宽度和高度比table小2px，给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

border-collapse 属性：设置表格的边框是否被合并为一个单一的边框，即：用于设置表格边框是合并显示还是分开显示。

border-collapse 属性设置表格的边框是否被合并为一个单一的边框。它有以下几个值：

-- separate 默认值：边框会被分开，不会忽略 border-spacing 和 empty-cells 属性；

-- collapse：如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性；

-- inherit：规定应该从父元素继承 border-collapse 属性的值。

双线表格边框的实现

html代码：

<table>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

</table>

css代码：

table,table td{

text-align: center;

border: 1px solid #000;

border-collapse：separate；

}

table td{

padding: 10px 30px;

}

表格边框的双线样式其实很简单，只要同时设置表格外边框和table里的每个单元格的边框，就可以实现了。

因为separate是默认值，就算是不设置border-collapse：separate；表格也会呈现双线效果。

我们主要是来看看border-collapse属性合并边框，实现单线边框的方法，html代码一样，只需设置css样式：

css代码：

table,table tr td {

border: 1px solid #000;

text-align: center;

border-collapse: collapse;

}table tr td {

padding: 10px 30px;

}

单线边框的实现也很简单，它是在双线样式的基础上，设置border-collapse: collapse;

把相邻的两个table边框合并成一个，使得相邻的两条线并在一起，边框就以单线的形式显示了。

总结：表格边框的无论是单线边框样式，还是双线边框样式都在前端页面中应用广泛，大家可以根据自己

楼主如果说的是a标签的下划线，那么直接text-decoration:none;就可以去掉

如果是a标签点击后产生的虚线框，有以下处理方法：

a{blr:expression(thisonFocus=thisblur());}//IE下    a:focus{outline:none;}//FF下 

ahidefocus{outline:none}