Вы можете изменить отступы в CSS с помощью свойств margin и padding:
- Свойство
marginзадает внешние отступы элемента. Отступ может быть установлен для верхней, правой, нижней и левой сторон элемента. Значения могут быть установлены в пикселях, процентах или других единицах измерения.
/* установка отступа 10 пикселей на всех сторонах элемента */
.element {
margin: 10px;
}
/* установка отступа 10 пикселей сверху */
.element {
margin-top: 10px;
}
/* установка отступа 10% справа */
.element {
margin-right: 10%;
}- Свойство
paddingзадает внутренние отступы элемента. Отступ может быть установлен для верхней, правой, нижней и левой сторон элемента. Значения могут быть установлены в пикселях, процентах или других единицах измерения.
/* установка отступа 10 пикселей на всех сторонах элемента */
.element {
padding: 10px;
}
/* установка отступа 10 пикселей сверху */
.element {
padding-top: 10px;
}
/* установка отступа 10% справа */
.element {
padding-right: 10%;
}Эти свойства могут быть использованы для создания отбивок между элементами в макете, а также для управления визуальным пространством внутри элементов. Вы можете также использовать отрицательные значения для установки отступов, в результате чего элемент будет ближе к соседним элементам.
