其实按照常理来说,现在的网站应该早已经拋弃什么表格了现在肯定是p+CSS当道嘛!不过客户的网站在添加内容的时候始终不满意那些边框效果:要么没有,要么很粗看得出来,这位客户是位完美主义者
在默认的情况下,我们的CSS将Table的边框清除掉了是没有的,看到的效果是这样的
为了给,表格加一个边框我在CSS裏面写了这样一句:
哎,看来是我太天真了浏览器里看到的效果是这样的:
只有外边框的Table
好吧,我承认我确实已经有些年头没有动过Table叻,不过这完全不是我的责任因为Table其实已经被大众设计师们抛弃了。于是我就删掉那句CSS样式重新这样写了这样一句:
不过杯具依然发苼,像客户要求这么细的人怎么能忍受Table表格的内边框这么粗呢?
内边框很粗的Table
没有办法只好出绝招了,删掉刚刚写的CSS代码直接写入:
好了,这下看你还敢嚣张这不就乖乖地就范了吗?
亲密无间是没有罪过的但是文字内容和表格边框亲密到没有空隙就影响到美观了,于是将刚刚那两句代码稍作修改:
如果需要td两边都不需要那么亲密的话就这样写:
好了,现在来看看最后的效果吧这个时候客户已經非常开心了,他要的就是这个效果!
如果大家在其他地方用到这样的方法的时候一定要注意CSS代码的规范写法:
最后还是提醒大家,能鈈用Table就尽量不要用Talbe吧毕竟不是多么先进的技术了,应该试着往p+CSS这方面努力!
以上就是html5+CSS如何加边框控制Table内外边框和颜色以及大小的图文教程的详细内容更多请关注龙方网络其它相关文章!