我们先来看一下CSS中border-spacing属性是什么?
border-spacing属性是指定表格边框的相邻单元格的边线之间的距离。
然则,仅当运用border-collapse指定separate时它才有用。
我们来看细致的例子
HTML代码
<div class="demo"> <table> <tr> <td>笔墨内容</td> <td>笔墨内容</td> </tr> <tr> <td>笔墨内容</td> <td>笔墨内容</td> </tr> </table> </div>
CSS代码
.demo table { border: 2px solid #0000000; border-collapse: separate; border-spacing: 15px; } .demo table td { border: 2px solid #d49fc2; }
在浏览器上显现结果以下:单元格之间的间距涌现了。
如果把border-spacing属性的值改成50px,那末浏览器上显现的结果以下,相邻单元格之间的间距会变得更大。
本篇文章到这里就悉数完毕了,有关CSS更多精彩内容的进修人人能够移步到ki4网的CSS视频教程进一步进修!!!
以上就是CSS的border-spacing属性怎样运用的细致内容,更多请关注ki4网别的相干文章!