Как изменить ширину и высоту картинки в css?
2 ответа
от
anahi_abshire ,
3 года назад
@aaron_armstrong Изменить ширину и высоту картинки в css можно через :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> img { width: 300px; height: 200px; } </style> </head> <body> <img src="image/12.png" /> </body> </html> |
от
willis.streich ,
год назад
@aaron_armstrong
Чтобы изменить ширину и высоту картинки в CSS, нужно использовать свойства width и height. Например:
1 2 3 4 |
img { width: 300px; /* ширина картинки будет 300 пикселей */ height: 200px; /* высота картинки будет 200 пикселей */ } |
Можно использовать и другие единицы измерения, например проценты, em, rem и т.д. Также можно задать ширину или высоту только одного измерения, а другое автоматически будет рассчитано браузером, используя соответствующее соотношение пропорций. Например:
1 2 3 4 |
img { width: 100%; /* ширина картинки будет равна ширине родительского блока */ height: auto; /* высота картинки будет автоматически рассчитана браузером, сохраняя соотношение пропорций */ } |
15