css中控制表格边线属性border-collapse:collapse，偶尔由于其他样式的影响，会让表格table的边框显示不全，通过给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://www.</td>
<td>kbiji</td>
<td>.com</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>
【综合网络信息编辑，版权当属原作者。由于部分网络资料几经转载，很多作品的原作者和来源不详或者不确定，若未标明来源，敬请谅解，请及时联系我们注明！若有侵犯，恳请联系我们，我们将尽快删除！】
手机扫描阅读分享本文
关注微信公众号，随时找到我们
本文地址：https://www.kbiji.com/kong/1278.html
关注我们：请关注一下我们的微信公众号：扫描二维码，公众号：乐享空笔记
版权声明：本文除注明"转载"外，其它为原创（或源于互联网，由@乐享空笔记整理），其中转载文章版权归原作者所有，欢迎分享本文，转载请保留出处。部分网站内容综合网络信息编辑，版权当属原作者。由于部分网络资料几经转载，很多作品的原作者和来源不详或者不确定，若未标明来源，敬请谅解，请及时联系我们注明！若有侵犯，恳请联系我们，我们将尽快删除！
关注我们：请关注一下我们的微信公众号：扫描二维码
，公众号：乐享空笔记版权声明：本文除注明"转载"外，其它为原创（或源于互联网，由@乐享空笔记整理），其中转载文章版权归原作者所有，欢迎分享本文，转载请保留出处。部分网站内容综合网络信息编辑，版权当属原作者。由于部分网络资料几经转载，很多作品的原作者和来源不详或者不确定，若未标明来源，敬请谅解，请及时联系我们注明！若有侵犯，恳请联系我们，我们将尽快删除！
评论已关闭！