星空网 > 软件开发 > 网页设计

css如何实现只保留内部边框

css如何实现只保留内部边框:

在实际应用中可能有这样的需求,那就是只保留表格的内部边框,可能这样的需求不多,既然有这样的需求,作为程序员就要实现这样的功能,下面分享一段能够实现此功能的代码实例。

代码如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">table{  border-collapse:collapse;  border:0px solid #999; } table td{  border-top:0;  border-right:1px solid #999;  border-bottom:1px solid #999;  border-left:0; } table tr.lastrow td {  border-bottom:0; } table tr td.lastCol{  border-right: 0; } </style></head><body><table> <tr>  <td>蚂蚁部落一</td>  <td>蚂蚁部落二</td>  <td>蚂蚁部落三</td>  <td>蚂蚁部落四</td>  <td>蚂蚁部落五</td>  <td class="lastCol">蚂蚁部落六</td> </tr> <tr>  <td>蚂蚁部落一</td>  <td>蚂蚁部落二</td>  <td>蚂蚁部落三</td>  <td>蚂蚁部落四</td>  <td>蚂蚁部落五</td>  <td class="lastCol">蚂蚁部落六</td> </tr> <tr class="lastrow">  <td>蚂蚁部落一</td>  <td>蚂蚁部落二</td>  <td>蚂蚁部落三</td>  <td>蚂蚁部落四</td>  <td>蚂蚁部落五</td>  <td class="lastCol">蚂蚁部落六</td> </tr></table></body></html>

以上代码实现了我们的要求,代码比较简单,这里就不多介绍了,如有任何问题可以跟帖留言。

相关阅读:

1.border-collapse属性可以参阅CSS的border-collapse属性一章节。

2.border属性可以参阅css的border属性简单介绍一章节。

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0615/4368.html

最原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13597




原标题:css如何实现只保留内部边框

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

利用亚马逊云计算快速下载vat数据:https://www.kjdsnews.com/a/1322100.html
利用墨西哥vat注册,最大限度地享受税收优惠吧!:https://www.kjdsnews.com/a/1322101.html
离岸vat:最新的增值税服务解决方案:https://www.kjdsnews.com/a/1322102.html
了解亚马逊美国站是否需要vat税号认证:https://www.kjdsnews.com/a/1322103.html
了解亚马逊澳大利亚站是否需要vat的相关信息:https://www.kjdsnews.com/a/1322104.html
了解如何对您在亚马逊上的vat费用进行管理:https://www.kjdsnews.com/a/1322105.html
2024.04.18亚马逊选品推荐(仅供参考):女装蛋糕连衣裙:https://www.kjdsnews.com/a/1842234.html
欧洲市场疯了,订单排到7、8月!:https://www.kjdsnews.com/a/1842235.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流