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>
文章出自:https://www.daixiaorui.com/read/135.html 本站所有文章,除注明出处外皆为原创,转载请注明本文地址,版权所有。
很不错哦哦
亲,恒创主机 满100元送蓝牙,烤箱、平板等你拿,倒计时开始,不要错过哦……
亲,2015快到了,发福利咯,独立IP主机7折抢购最后2天额