怎样消除html表格边框中间的缝隙
我用xhtml+css做的表格,但是边框有缝隙,就是<td>与<table>间有1px的距离,如图怎样消除这个缝隙?...
我用xhtml+css做的表格,但是边框有缝隙,就是<td>与<table>间有1px的距离,如图怎样消除这个缝隙?
展开
3个回答
展开全部
设置table 的cellspacing，cellpadding属性即可解决；
示例如下：
<table width="300px" border="1" cellspacing="0" cellpadding="0" bordercolor="#FF0000">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head >
<title > 边线合并</title>
<style type="text/css">
body {
text-align: center;
}
table {
border-collapse:collapse;
border:1px solid black;
}
td {
border:1px solid black;
}
</style>
</head>
<body >
<table>
<tr >
<td >fdsafdsa</td>
<td >fdsafdsa</td>
<td >fdsafdsa</td>
</tr>
<tr >
<td >fdsafdsa</td>
<td >fdsafdsa</td>
<td >fdsafdsa</td>
</tr>
</table>
</body>
</html>
<head >
<title > 边线合并</title>
<style type="text/css">
body {
text-align: center;
}
table {
border-collapse:collapse;
border:1px solid black;
}
td {
border:1px solid black;
}
</style>
</head>
<body >
<table>
<tr >
<td >fdsafdsa</td>
<td >fdsafdsa</td>
<td >fdsafdsa</td>
</tr>
<tr >
<td >fdsafdsa</td>
<td >fdsafdsa</td>
<td >fdsafdsa</td>
</tr>
</table>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
border:none
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
