Как выровнять картинку по центру на CSS разные способы
Обрезка гортензии в июне: режу 3 вещи — и куст дает соцветия как на картинке за 4 недели
Каждый год одно и то же: куст здоровый, политый, подкормленный. А соцветия мелкие, невзрачные, и никакого сходства с теми шапками, что красуются на фото в садовых журналах. Я долго думал, что дело в сорте или в почве. Пока не понял: все это время я просто пропускал июньскую обрезку. Не знал о ней. Никто не рассказал. А это один из главных приемов, который и делает куст по-настоящему декоративным. Обрезка гортензии в июне — не весенняя формировка и не осенняя уборка. Это отдельная процедура, и у нее своя логика...
Как вставить картинку и обрезать по фигуре: круг и скругления (HTML/CSS
) В 80% случаев достаточно border-radius + правильной «кадровки» через object-fit: cover. Для нестандартных форм пригодится clip-path или SVG. - База (вставка): \<img src="img.jpg" alt="Описание"> - Адаптивно и без «полоски» снизу: img { max-width: 100%; height: auto; display: block; } - Круглый аватар (лучший способ — через контейнер): .avatar{width:120px;height:120px;border-radius:50%;overflow:hidden} .avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 50%} - Скруглённые углы + аккуратная обрезка (карточки/превью): Скругляйте контейнер и ставьте overflow: hidden, а картинке — object-fit: cover...