html,css, <table>问题,给<table>加了border和cellspacing之后是这样的。
发布网友
发布时间:2022-09-24 04:01
我来回答
共4个回答
热心网友
时间:2023-09-11 11:35
图1的效果:
<table border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
图2的效果 :
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<style type="text/css">
td {border:1px solid blue;}
</style>
个人建议,编辑的时候最好是把 css能做到的部分 全部都用css来做
比如: <table cellspacing="0" cellpadding="0" border="0">
可以通过css来写 : table {border:0; border-spacing:0; border-collapse:collapse; }
---------------------------------
给tr 加 border 是不兼容的编辑方式
热心网友
时间:2023-09-11 11:35
思路:整个table不加border,也不要加cellspacing,给td加上border,就能得到你要的效果
代码如下:
<style type="text/css">
.table{border:none;}
.table td{border:1px solid blue;}
</style>
<table class="table">
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>
热心网友
时间:2023-09-11 11:36
<style>
td{ border:#00F 2px solid; color:#F00;}
</style>
<table width="500" cellpadding="20">
<tr>
<td align="center">as</td>
<td align="center">as</td>
<td align="center">as</td>
</tr>
</table>
以经过测试,望采纳
热心网友
时间:2023-09-11 11:36
table 不加 border,在 tr 或者 td 里面加 border 试试