如何使用CSS border-spacing 属性
编辑:Simone
2025-04-01 15:05:12
549 阅读
网页的内容离不开各种的表格,每一个单元格之间会有一定的距离样式,这就诞生了
CSS border-spacing 属性,我们通过这样的一个代码可以灵活的控制表格之间的距离。
代码使用。从代码的使用我们可以看到,这个距离有横向的也有纵向的。
table { border-collapse:separate; border-spacing:10px 50px; }
浏览器基本都支持border-spacing 属性。在IE当中需要定义一下!DOCTYPE
border-spacing 属性用法也是非常简单的。它的默认值为not specified
它的继承性为 yes 它的版本为 CSS2
java用法。object.style.borderSpacing="100px" 对于对象给出一个赋值就行了。
border-spacing 的可能值 为 length 这个值就是一个数值。单位为 PX 或者CM 还有一个可能值为 inherit
style 流程 ,从这个流程当中我们可以看到,我们可以设置多个不同的元素对象。
table.one
{
border-collapse: separate;
border-spacing: 6x
}
table.two
{
border-collapse: separate;
border-spacing: 6px 10px
}
版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/answer/167660.html