How to display images with CSS, and a certain percantage of the image cut out

Question

Assume that the original picture is 500px in height and 400 px in width. I want to display this picture in website such that only 480px in visible in height. Is this possible using css?

Thanks a lot in advance.

Answer 1

You need to put your image as background to a div/span and change size of div/span to your desired size