主页 M

css设计table表格边框综合案例;只显示内边框

2021-08-12 网页编程网 网页编程网

设置Table的细边框方法:

1、设置边框的BORDER=0、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了。这个方法有虽有点土,看似不太正宗,但是也能达到效果。

2、设置BORDER=0,再通过CSS,给Table加上1px的border-top,border-left,然后再设置所有的td的border-right,border-bottom,这样也能达到所要的效果。可见CSS很是强大啊。

但以上2种方式生成的HTML在Word中打开则发生问题,不能达到预期效果。下面介绍一种更为简便有效的方法:

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;}是一个非常不错的方法,增大表格,只需用padding。代码如下:

简单实现Table没有外边框只有内边框

阅读原文
阅读 5971
123 显示电脑版