html中表格单元格边框如何去掉

html中表格单元格边框如何去掉,第1张

 这位网友你好,可以给这个table加一个class,设置左右边框为0就可以了,或者直接用外边的div的class限制一下。

  举例:

father table{ border-left:none;border-right:none; }

border-style:边框样式

边框样式值如下:

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

hidden :隐藏边框。IE不支持

dotted :在MAC平台上IE4+与WINDOWS和UNIX平台上IE55+为点线。否则为实线(常用)

dashed :在MAC平台上IE4+与WINDOWS和UNIX平台上IE55+为虚线。否则为实线(常用)

solid :实线边框(常用)

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

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

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

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

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

<style>

table{

border:0;

}

td{

border-top:0; border-left:0; border-right:0;

}

</style>

<table style="border:solid 1px green; width:400px;">

<tr bgcolor="gray"><th>文件路径</th><th> </th></tr>

<tr><td>1gif</td><td><a href="#">取消</a></td></tr>

<tr><td>1gif</td><td><a href="#">取消</a></td></tr>

<tr><td>1gif</td><td><a href="#">取消</a></td></tr>

<tr><td>1gif</td><td><a href="#">取消</a></td></tr>

</table>

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/12178875.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-21
下一篇2023-05-21

发表评论

登录后才能评论

评论列表(0条)

    保存