css子间距 |css border实线虚线

使用margin属性来控制元素之间的间距：
div{
margin: 10px 0;
}
这个例子中，div元素的顶部和底部会有10像素的垂直间距，左右没有间距。

margin属性可以有四个值，分别对应上右下左的间距值。比如，margin: 10px 5px 20px 5px; 表示依次为上右下左设置的上下间距分别为10像素和20像素，左右间距为5像素。

使用padding属性来控制元素内部的间距：
div{
padding: 10px;
}
这个例子中，div元素的内部会有10像素的内边距，左右上下均等。

padding属性也可以有四个值，分别对应上右下左的内边距值。比如，padding: 10px 5px 20px 5px; 表示依次为上右下左设置的内边距分别为10像素和20像素，左右间距为5像素。

使用border属性来控制元素之间的间距和元素内部的间距：
div{
border: 1px solid gray;
padding: 10px;
margin: 10px;
}
这个例子中，div元素会显示一个1像素的灰色边框，内部会有10像素的内边距，外部会有10像素的外边距。

综上，CSS子间距不仅可以控制元素之间的间距，还可以控制元素内部的间距和边框样式。合理地运用子间距可以让网页排版更加美观、整洁。