css中控制表格边线属性border-collapse:collapse，偶尔由于其他样式的影响，会让表格table的边框显示不全，其实用另外一种方法也可以实现border-collapse:collapse的效果。
给table上边和左边设上边框线，给td下边和右边设上边框线就可以了。
效果如下图：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格</title>
<style type="text/css">
.myTb{border-top:1px solid #999;border-left:1px solid #999;border-spacing:0;}
.myTb td{border-bottom:1px solid #999;border-right:1px solid #999;padding:10px 30px;}
</style>
</head>
<body>
<table class="myTb">
<tr>
<td>http</td>
<td>:</td>
<td>//</td>
</tr>
<tr>
<td>www</td>
<td>.</td>
<td>daixiaorui</td>
</tr>
<tr>
<td>.</td>
<td>com</td>
<td>/</td>
</tr>
</table>
</body>
</html>
368
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
