Как сделать внутренние отступы в css?
2 ответа
от
alfonso.heidenreich ,
2 года назад
@alisa.bahringer Сделать внутренние отступы в CSS, можно через padding :
HTML:
1 2 3 |
<body> <div id="sq">Зеленый квадрат</div> </body> |
CSS:
1 2 3 4 5 6 7 |
#sq {
height: 100px;
width: 100px;
background-color: seagreen;
padding: 50px 40px;
text-align: center;
}
|
от
keyon.brown ,
год назад
@alisa.bahringer
Для создания внутренних отступов (padding) в CSS, вы можете использовать свойство padding.
Синтаксис для использования свойства padding следующий:
1
|
padding: [верхнее значение] [правое значение] [нижнее значение] [левое значение]; |
Вы можете задать значения в пикселях, процентах, em или других единицах измерения. Например:
1 2 3 4 5 6 7 8 |
/* пример задания внутреннего отступа в 20 пикселях со всех сторон */ padding: 20px; /* пример задания внутреннего отступа в 10 пикселях сверху и снизу, и 20 пикселей слева и справа */ padding: 10px 20px; /* пример задания разных значений внутреннего отступа для всех сторон */ padding: 10px 20px 30px 40px; |
Вы также можете использовать отдельные свойства padding-top, padding-right, padding-bottom и padding-left, чтобы задать отступы для каждой стороны отдельно. Например:
1 2 3 4 5 6 7 8 9 |
/* пример задания внутреннего отступа в 10 пикселей для всех сторон */ padding: 10px; /* пример задания внутреннего отступа в 10 пикселей сверху */ padding-top: 10px; /* пример задания внутреннего отступа в 10 пикселей слева и справа */ padding-left: 10px; padding-right: 10px; |
Надеюсь, это поможет!
15