css怎么把按钮合在一起 |sass和scss

.btn-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.btn {
padding: 10px 20px;
background-color: #007bff;
color: white;
margin: 10px;
border-radius: 5px;
text-align: center;
}
.btn:hover {
background-color: #0062cc;
}

首先，在HTML中需要把所有的按钮放在一个容器中，这里偶设置了一个class名为btn-wrapper的div元素。然后，在CSS中，大家需要设置这个容器的display为flex，这样可以让容器中的元素按照一定的规则排列。

接着，大家需要设置每个按钮的样式，比如背景颜色、边框、大小等等。这里偶设置了一个class名为btn的样式，它的一些基本样式包括padding、background-color、color、margin和border-radius等。这些样式可以根据实际情况自行调整。

最后，在鼠标悬停时，偶加了一个:hover伪类，这样可以让鼠标悬停在按钮上时，按钮的颜色变化，从而实现交互效果。

综上所述，使用CSS把按钮合在一起，只需要一个容器和相应的样式即可。通过灵活调整样式可以实现更多不同的效果，从而丰富网页的设计。