Resize image and rounded corners using CSS

The idea is to use the background-size: আবরণ; CSS property which handles the centering, cropping and, ভাল, covering. Here’s an extract from the fiddle: div.yourWrapper { প্রস্থ: 50px আকারে; উচ্চতা: 50px আকারে; -WebKit সীমানা-ব্যাসার্ধ: 10px আকারে; -Moz-সীমান্তে ব্যাসার্ধ: 10px আকারে; সীমান্তে ব্যাসার্ধ: 10px আকারে; পটভূমি: url(‘some_image.jpg’) no-repeat center center; -webkit-background-size: আবরণ; -moz-background-size: আবরণ; -o-background-size: আবরণ; background-size: আবরণ; }