Как сделать расстояния у кнопок?

Для того чтобы создать расстояния между кнопками на вашей веб-странице, вы можете использовать CSS. Существует несколько способов добавить отступы между кнопками, в зависимости от ваших потребностей и дизайна.

Один из способов - это добавить внутренние отступы для кнопок, используя свойство padding в CSS. Например, если у вас есть кнопки с классом "button", вы можете добавить отступы следующим образом:

.button {
   padding: 10px 20px; /* верхнее и нижнее отступы 10px, левое и правое отступы 20px */
}

Если вам нужно добавить расстояние между кнопками, вы можете использовать свойство margin. Например, если у вас есть две кнопки с классом "button" и вы хотите добавить расстояние 20px между ними, вы можете сделать следующее:

.button {
   margin-right: 20px; /* добавить правый отступ между кнопками */
}

Также можно использовать комбинацию padding и margin для достижения нужного эффекта. Например, чтобы добавить отступы внутри кнопки и между кнопками, можно использовать следующий CSS:

.button {
   padding: 10px 20px; /* внутренние отступы кнопки */
   margin-right: 20px; /* отступ между кнопками */
}

Наконец, если у вас есть несколько кнопок в контейнере и вам нужно равномерно распределить их по ширине контейнера с равными отступами, можно использовать flexbox. Например:

.container {
   display: flex;
   justify-content: space-between; /* равномерное распределение кнопок */
}
 
.button {
   flex: 1; /* равномерное распределение ширины кнопок */
   margin-right: 20px; /* отступ между кнопками */
}

Надеюсь, эти примеры помогут вам создать нужные расстояния между кнопками на вашей веб-странице. Если у вас есть дополнительные вопросы, не стесняйтесь задавать!