p { border-collapse: separate; }
当使用separate
属性时,相邻元素的边框或内边距之间会有一个分隔距离,从而产生分隔效果。这个距离的大小可以通过border-spacing
属性来控制:
p { border-collapse: separate; border-spacing: 10px; }
上述代码中,border-spacing
属性设置为 10px,因此相邻元素之间会有 10px 的距离。
需要注意的是,separate
属性仅适用于具有边框或内边距的元素,例如表格和按钮等。
对于表格元素,separate
属性可以用来控制单元格之间的距离:
table { border-collapse: separate; border-spacing: 10px; }
在上述代码中,separate
属性被用于表格中,单元格之间会有 10px 的间距。
总之,separate
属性是一种很方便的控制元素间距离的方法,可以使网页更加美观和易读。