Как увеличить расстояние между строками в таблице css?
2 ответа
от
madelyn_hintz ,
2 года назад
@enid Увеличить расстояние между строками в таблице css можно через border-spacing :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> table, th, td { border: 2px solid; border-spacing: 10px; } </style> </head> <body> <table> <tr> <th>Животные</th> <th>Имя</th> <th>Возраст</th> </tr> <tr> <td>Кошка</td> <td>Мурка</td> <td>3</td> </tr> <tr> <td>Собака</td> <td>Жучка</td> <td>5</td> </tr> </table> </body> </html> |
от
aaron_armstrong ,
год назад
@enid
Вы можете добавить свойство "line-height" для увеличения расстояния между строками в таблице CSS.
Пример:
table { line-height: 1.5; }
В этом примере значение свойства "line-height" установлено равным 1.5, что увеличит расстояние между строками на 50% от исходного значения. Вы можете изменять это значение в зависимости от ваших требований.
15