css两个按钮间距

CSS是Web设计中必不可少的一部分，可以用来控制HTML元素的样式和布局。 在Web设计中，有时我们需要在页面上放置多个按钮，但是它们之间的距离不够合适。今天我将向大家介绍如何使用CSS调整两个按钮之间的距离。

在CSS中，我们使用margin属性来调整元素之间的空隙。 margin属性有四个值：top、right、bottom、left，用于控制元素的外边距。 在这里，我们只需要使用margin-right属性来控制第一个按钮的右侧距离第二个按钮的左侧的距离。

.button1 {
  margin-right: 10px;
} 

这里，我们设置按钮1的右侧距离按钮2的左侧为10像素。你可以根据实际情况更改距离。如果你想要让按钮1与按钮2之间的距离更小，你可以减小这个数字，比如将10px改为5px。 如果你想要让它们之间的距离更大，你可以增大这个数字，比如将10px改为20px。

接下来，你只需要为第二个按钮添加左外边距即可。

.button2 {
  margin-left: 10px;
} 

这里，我们设置按钮2的左侧距离按钮1的右侧为10像素。同样，你也可以根据实际情况更改距离。

通过调整按钮之间的距离，你可以使页面的布局更加美观，让你的用户更加愉悦。希望这篇文章可以帮助你学习如何在CSS中调整按钮之间的距离。