css两个按钮并排

在Web页面设计中，有时需要将两个按钮并排放置。这样可以方便用户快速定位和点击所需的按钮。下面是一个基本的CSS代码示例，可以实现两个按钮并排：

.btn-container {
  display: flex;
  justify-content: space-between;
}

.btn {
  width: 100px;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
  color: #fff;
} 

以上代码中，我们先创建了一个按钮容器，使用Flex布局并设置水平对齐方式为space-between，这样两个按钮就会自动并排放置。接着我们设置按钮的一些基本样式，如宽度、内边距、文本居中等等。当用户将鼠标悬停在按钮上时，我们添加了一个简单的动画效果来提高按钮的可交互性。

接下来是HTML代码示例，我们可以将两个按钮放置在一个div容器中：

<div class="btn-container">
  <div class="btn">按钮1</div>
  <div class="btn">按钮2</div>
</div> 

以上HTML代码中，我们创建了一个包含两个按钮的按钮容器，并将按钮的类设置为“btn”。这样就可以实现按钮的样式。当然，你也可以根据自己的需求修改按钮容器和按钮的类名。

在实际项目中，我们可以根据实际需要调整按钮和容器的样式，如字体大小、颜色、边框样式等等。并且，我们还可以根据不同的需求添加不同的动画效果，来使页面更具交互性。