css怎样去除表格内边距,CSS语言border-spacing表格边距控制

在前面我看讲过表格的边框分离与合并，现在就给大家讲下表格分离后如何用CSS语言中的border-spacing属性控制表格间的宽度。

语法:

border-spacing: px px ;

说明：

border-spacing第一个是水平间隔，第二个是垂直间隔。除非 border-collapse 被设置为 separate，否则将忽略这个属性。

代码案例

没有控制表格边距

群号：805366477	QQ：2838697670
HTML&CSS&JS聊天群	QQ805366477
QQ:1974808066	微信公众号：design-Rabbit

横向20px,坚向38px

群号：805366477	QQ：2838697670
HTML&CSS&JS聊天群	QQ805366477
QQ:1974808066	微信公众号：design-Rabbit

把案例的代码输入到记事本中，然后把代码另存为HTML文件，然后打开另存好的HTML文件，就可以看到在图1中效果了。

另存为方式

(图片来自网络，另存为案例)

这个是记事本另存为的方式，在另存为文件名加后缀“.html”,就会产生一个HTML文件，双击打开就会看到图1效果。

(图片来自网络，图1)

从图1中可以看到CSS语言中的border-spacing: px px 属性可以使表格边框距发生变化这样就说明我们今天的试验成功了。

今天就分享到这，要知后事如何请听下回分解，如有疑问请加QQ1974808066了解。

**************EMD**************

HTML&CSS&JS兴趣群：805366477萝宾免代码小精灵 QQ：1974808066

微信公众号：design-Rabbit

部分内容参考网络，本文只限于学习交流请勿它用

**********************************