تغییر اندازه تصویر و گوشه های گرد با استفاده از 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 { عرض: 50پیکسل; ارتفاع: 50پیکسل; -WebKit است-مرز-شعاع: 10پیکسل; -moz به-مرز-شعاع: 10پیکسل; مرز-شعاع: 10پیکسل; زمینه: url(‘some_image.jpg’) no-repeat center center; -webkit-background-size: پوشش دادن; -moz-background-size: پوشش دادن; -o-background-size: پوشش دادن; background-size: پوشش دادن; }