Crop images

Question

Can u please tell how to crop images using html and give as out put

Answer 1

You can use negative margin to move the image around within the <div/>.

<div class="crop"> <img src="..." alt="..."> </div>

CSS:

.crop { width: 200px; height: 150px; overflow: hidden; } .crop img { width: 400px; height: 300px; margin: -75px 0 0 -100px; }