用CSS设定报表Table的细边框的较为功能强大的方式

日期:2021-03-12 类型:科技新闻 

关键词:快速建站,网站建设系统,免费网页建站,网站免费建设,建站系统

设定Table的细边框一般有这么几种方法:

1、设定边框的BORDER=0 、cellspacing=1,设定Table的情况色为所要的边框色,再设定全部的td情况色为白色,这样细边框就显出出来了。这个方式一些邪气,看似不太纯正,可是也能做到实际效果,条条大道通罗马嘛!

再看来看第2种方式:

来源于:(http://blog.sina.com.cn/s/blog_565812e60100czbn.html) - Css : 用CSS设定Table的细边框的几种方式_Lily_新浪blog
2、设定BORDER=0 ,再根据CSS,给Table再加1px的border-top,border-left,随后再设定全部的td的border-right,border-bottom,这样也能做到所要的实际效果。可见CSS很是强劲啊。

今日在实践活动全过程中发现,以上两种方法转化成的HTML在Word中开启则产生难题,不可以做到预期实际效果。如何办呢!?

下面详细介绍1种更加简单合理的方式:

3、设定table的CSS为{border-collapse:collapse;border:none;},再设定td的CSS为{border:solid #000 1px;},大获全胜!并且Word也能认出这类设定。

我发现设定table的CSS为{border-collapse:collapse;border:none;},再设定td的CSS为{border:solid#000 1px;}是1个十分非常好的方式。
示例:

提醒:您能够先改动一部分编码再运作