[分享]css两个按钮上下距离

在CSS中，控制按钮的两个最关键的属性是margin和padding。这些属性可以帮助您调整按钮的大小、位置和间距，以使您的网站看起来更加专业。当您在HTML中添加两个按钮时，默认情况下它们将在同一行...

在CSS中，控制按钮的两个最关键的属性是margin和padding。这些属性可以帮助您调整按钮的大小、位置和间距，以使您的网站看起来更加专业。

当您在HTML中添加两个按钮时，默认情况下它们将在同一行上。但是，如果您需要将按钮放在不同的行上，则需要将它们之间的距离调整为下距离或上距离。下面是使用CSS来调整按钮间距的几种方法。

button {
  margin-bottom: 10px; /*将按钮向下移动*/
}

button + button {
  margin-top: 10px; /*将第二个按钮向下移动*/
} 

第一种方法是将第一个按钮的margin-bottom设置为10px，这将自动将第二个按钮放在它下面10像素。这种方法适用于您只需要将两个按钮分开一点的情况。

第二种方法是使用+选择器来仅为第二个按钮应用样式。通过将第一个按钮的margin-bottom设置为0，您可以使用margin-top属性在第二个按钮上方添加空隙。

通过这些技巧，您可以轻松地调整两个按钮之间的距离，以便更好地适应您的网站布局。