html5+CSS怎样控制Table里外边框和色彩以及大小的图文教程-

其实按照常理来说，此刻的网站应当早已经扬弃什么表格了，此刻确定是p+CSS当道嘛！不外客户的网站在增加内容的时候始终谴责意那些边框结果：要末没有，要末很粗。看得出来，这位客户是位完善主义者。 在默许的状况下，我们的CSS将Table的边框革除掉了，下面与大家分享下CSS控制Table里外边框、色彩、大小的样式，想学习的伴侣可以参照 下

其实按照常理来说，此刻的网站应当早已经扬弃什么表格了，此刻确定是p+CSS当道嘛！不外客户的网站在增加内容的时候始终谴责意那些边框结果：要末没有，要末很粗。看得出来，这位客户是位完善主义者。

在默许的状况下，我们的CSS将Table的边框革除掉了，是没有的，看到的结果是这样的。

内边框很粗的Table

没有方法，只好出绝招了，删掉刚刚写的CSS代码，直接写入：

.td{border:solid #add9c0; border-width:0px 1px 1px 0px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}

好了，这下看你还敢猖狂？这不就乖乖地就范了吗？

边框很细的Table

密切无间是没有罪过的，但是文字内容和表格边框密切到没有闲暇就影响到雅观了，于是将刚刚那两句代码稍作修改：

.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding-left:10px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}

要是需要td两边都不需要那么密切的话，就这样写：

.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}

好了，此刻来看看最后的结果吧，这个时候客户已经非常开心了，他要的就是这个结果！

志愿结果的Table

要是大家在其他地方用到这样的办法的时候，一定要注意CSS代码的标准写法：

举荐写法：border-width:0px 1px 1px 0px;

不举荐：border-width:0 1 1 0;

最后还是提示大家，能不消Table就尽量不要用Talbe吧，究竟不是多么先进的技术了，应当试着往p+CSS这方面努力！

以上就是html5+CSS怎样控制Table里外边框和色彩以及大小的图文教程的细致内容，更多请关注 百分百源码网 其它相干文章！