左边距(margin-left)和右边距(margin-right)都是用来设置元素与其周围元素之间的距离的。例如,可以使用以下代码为一个 div 元素设置左边距和右边距:
div { margin-left: 20px; margin-right: 20px; }
上面的代码将为 div 元素设置一个 20 像素的左边距和右边距。这意味着 div 元素将与其旁边的元素相距 20 像素。
需要注意的是,左边距和右边距只会影响外部边界,而不会影响元素内部的内容。例如,如果在 div 元素中有一个段落元素(p),则段落内文本的位置不会受到左边距和右边距的影响。
另一方面,如果想要调整元素内部内容的位置,则应使用内边距属性(padding)。与外边距不同,内边距会影响元素内部的内容。
综上所述,左边距和右边距是 CSS 中用来控制元素位置的两个重要属性。它们可以帮助大家以最简单的方式控制元素在页面中的间距。