Пожалуйста, помните, что StackOverflow не предназначен для выполнения вашей работы. Пожалуйста, попробуйте в следующий раз самостоятельно и google материал, который вы хотите, прежде чем обратиться к SO.
Здесь первые две ссылки, если вы Google CSS3 вырезать изображение, как сделать более или менее то же самое вы хотите:
В любом случае, здесь возможное решение для вас с inline-css:
Место <img>
-Tag с вашим изображением в <div>
, который определяет размер «окна», корыто, которое мы смотрим на изображение (размер которого фактически остается тем же).
Вот простой exapmle:
<div style="height:100px; width:150px; overflow:hidden;">
<img src="path/to/your/image" />
</div>
Мы используем overflow: hidden;
здесь, который говорит, что все в этой коробке, которая больше, чем само поле не отображается будет. Чтобы отрегулировать изображение (из-за ваших белых границ), добавьте, например, style="margin-left: 10px";
в <img>
-Tag. Вы также можете использовать отрицательные значения.
добавить свой код ... – Abood