Закругление краев картинок - это популярная техника в веб-дизайне, которая позволяет придать изображениям более современный и эстетически приятный вид. Такой эффект можно легко достичь с помощью CSS.
![Белый квадрат с закругленными углами](http://cdn4.vectorstock.com/i/1000x1000/35/53/empty-white-paper-plate-on-transparent-background-vector-10753553.jpg)
![Квадрат с закругленными углами](https://abrakadabra.fun/uploads/posts/2022-02/1645556607_1-abrakadabra-fun-p-ramka-s-zakruglennimi-krayami-1.jpg)
![Квадрат с закругленными углами](https://krot.info/uploads/posts/2023-04/1680804965_krot-info-p-chernii-kvadratnii-fon-vkontakte-12.jpg)
![Плашка с закругленными углами](https://phonoteka.org/uploads/posts/2021-05/1620170664_22-phonoteka_org-p-belii-fon-s-zakruglennimi-uglami-25.jpg)
![Квадрат с закругленными углами](https://i.imgur.com/uI8iwRp.jpg)
![Квадрат с круглыми углами](https://pbbrand.ru/sites/default/files/styles/1000x1000/public/fleshki/a6861d0185259d67.jpg)
![Скругленный прямоугольник](https://static.tildacdn.com/tild3130-6266-4832-b963-653866386665/IMweQ.png)
![Фигуры с закругленными углами](https://phonoteka.org/uploads/posts/2021-05/1620170640_20-phonoteka_org-p-belii-fon-s-zakruglennimi-uglami-23.jpg)
![Черный прямоугольник](https://phonoteka.org/uploads/posts/2021-05/1620170634_41-phonoteka_org-p-belii-fon-s-zakruglennimi-uglami-49.png)
![Выключатель 1-кл. ОП 10а ip20 бел. Ionich 1411](https://noyabrsk.domostroy.shop/upload/iblock/342/64t91zfsee76g3m6xuffu7nvn6op1hct.jpg)
![Прямоугольник с закругленными краями](https://sun9-29.userapi.com/impg/ygm_IIfoKSp3aPZbJLzuAo_trvsXoGaMVIA68Q/m43uGvIZllw.jpg?size=1280x640&quality=96&sign=8d8109746fea1e32434be37396aa7a4d&type=album)
![Кнопка квадратная](https://img2.freepng.ru/20180420/pte/kisspng-rectangle-square-installer-5ada6af967b7c1.1022247815242636734248.jpg)
![Закругленный прямоугольник](https://phonoteka.org/uploads/posts/2021-05/1620170679_14-phonoteka_org-p-belii-fon-s-zakruglennimi-uglami-15.jpg)
![Столешница барная ясень шимо светлый 1300х400х32мм](https://stroyparkdiy.ru/sites/default/files/13899601.jpg)
![Стойка ресепшн Креденза Esedra 1840*820 IVM](https://gk-umicor.ru/images/photo-rabot/stoyki-reception/stoyka-reseption-SCHAEFFLER-GRUP-02.jpg)
![Оранжевый прямоугольник с закругленными углами](https://free-images.com/lg/a618/color_label_rectagle_orange.jpg)
![Закругленные прямоугольники](https://top-fon.com/uploads/posts/2022-09/1663796400_14-top-fon-com-p-viveska-serii-fon-foto-22.jpg)
![Dibond Butlerfinish Steel](https://cdn.stylepark.com/transformations/manufacturers/3/3a-composites/produkte/dibond-butlerfinish-stainless-steel/_1410x940_crop_center-center_none/dibond-butlerfinish-stainless-steel-2.jpg)
![Фреза скругляющая hw r3-OFK Festool 490093](https://m.media-amazon.com/images/I/81PhkrzhTEL._AC_SL1500_.jpg)
![Кромка для столешницы](https://mosalfapik.ru/pics/products/torcovka_stoleshnicy_derevom_2.jpg)
![Радиус скругления столешницы 40 мм](http://sdelai-lestnicu.ru/wp-content/uploads/d/6/a/d6abf3e18db1f278368ba41dad8a98eb.jpg)
![Закругленный полок](https://qvalitet.ru/wp-content/uploads/2018/08/IMG_0106_02.jpg)
![Прямоугольник со скругленными углами](https://phonoteka.org/uploads/posts/2021-05/1620170673_37-phonoteka_org-p-belii-fon-s-zakruglennimi-uglami-44.jpg)
![Серый квадрат](https://res.cloudinary.com/outdoor-warehouse/image/upload/c_fill,f_auto,q_auto:good/v1575961299/uploads/assets/1010963-gET.jpg)
![Красный кубик](https://kartinkin.net/uploads/posts/2022-03/1646313784_67-kartinkin-net-p-kub-kartinki-70.jpg)
![Рамка с закругленными углами](https://for-teacher.ru/edu/data/img/pic-023q11rusd-011.gif)
![Квадрат с закругленными углами](https://phonoteka.org/uploads/posts/2021-05/1620170645_38-phonoteka_org-p-belii-fon-s-zakruglennimi-uglami-45.png)
![Квадрат с закругленными углами](https://phonoteka.org/uploads/posts/2023-04/1680700736_phonoteka-org-p-zakruglennii-kvadrat-art-krasivo-36.png)
![Надсечки на ткани](https://1.bp.blogspot.com/-72Ec3fWChTM/Uw1zP4i0vsI/AAAAAAAAJ3I/aoDu2teaPV4/s1600/me_14_%D0%92%D1%8B%D1%80%D0%B5%D0%B7%D1%8B_%D0%BD%D0%B0_%D1%81%D0%BA%D1%80%D1%83%D0%B3%D0%BB%D0%B5%D0%BD%D0%B8%D0%B8_2.jpg)
![Белый квадрат с закругленными углами](https://cdn.shopify.com/s/files/1/0078/8214/5850/products/T07-R_MousePadRectangle_1050x.jpg)
![Белый квадрат](https://kartinkin.net/uploads/posts/2022-12/1670369548_23-kartinkin-net-p-belii-kvadrat-kartinka-instagram-24.jpg)
![Скругленный прямоугольник](https://www.e-reading.life/illustrations/1059/1059106-_29.jpg)
![Скругление углов на дереве](http://stroikairemont.com/wp-content/uploads/2014/02/kak-zakruglit-ugly-dereva.jpg)
![Закругленные рамки](https://free-images.com/or/81e2/rectangle_corners_rounded_dotted.jpg)
![Циркуль для фрезера Festool](https://i.pinimg.com/originals/f6/25/fa/f625fa262dd81f03c4b4f7bf57f3bd25.jpg)
![Cool Gray 10c пантон](https://image.jimcdn.com/app/cms/image/transf/dimension=1920x10000:format=jpg/path/s95615a17cffe3057/image/i86cac9cc839c6c6b/version/1600783554/image.jpg)
![Чёрный квадрат с закругленными](https://cdn.dribbble.com/users/6399293/screenshots/14674653/dribbble-playoff_video_4x.png)
![AJUSA 13198800](https://modnica.club/uploads/posts/2021-11/thumbs/1635766895_27-modnica-club-p-kvadrat-s-kruglimi-krayami-50.jpg)
![Блендер закруглить углы](http://i.stack.imgur.com/VoHli.jpg)
![Квадрат с закругленными углами](http://profiliarredamenti.com/wp-content/uploads/2019/10/cameraperragazzi-nidiquadro-profiliarredamenti.jpg)
![Скруглить края фотошоп](https://repairscomp.com/userfiles/134/4720_11.webp)
![Винтовая бетонная лестница](https://pro-dachnikov.com/uploads/posts/2021-10/1633309699_22-p-vintovaya-betonnaya-lestnitsa-foto-24.jpg)
![Прямоугольник с закругленными углами синий](https://phonoteka.org/uploads/posts/2023-04/1680651247_phonoteka-org-p-pryamougolnik-zakruglennii-art-instagram-77.jpg)
![Кнопка квадратная](https://banner2.cleanpng.com/20180417/pce/kisspng-button-computer-icons-web3d-3d-computer-graphics-register-button-5ad5bbe70869a0.1138521815239567110345.jpg)
![Пустой фист самп](https://e7.pngegg.com/pngimages/618/812/png-clipart-computer-icons-checkbox-square-or-miscellaneous-angle.png)
![Квадрат с закругленными углами](https://www.mebac.com.ar/salta/wp-content/uploads/2020/01/47.13.012_1000-1.jpg)
![Кнопка квадратная](https://w7.pngwing.com/pngs/177/134/png-transparent-button-3d-icon-symbol-glossy-web-3d-icons-generic.png)
![Столешница дуб цельноламельный](https://www.stylewithin.co.uk/wp-content/uploads/2016/09/solid-oak-worktop-2400x1350.jpg)
![Кнопка квадратная](https://w7.pngwing.com/pngs/215/751/png-transparent-cobalt-blue-aqua-azure-electric-blue-buttons-miscellaneous-blue-rectangle.png)
![Коврик Fellowes recycled Optical Mousepad FS-59095](https://i5.walmartimages.com/asr/c80d6854-7841-4fad-85eb-d28fc8bbbd86_1.4bf54af8760387de410f34492f674b27.jpeg)
![Синий квадрат с закругленными краями](https://catherineasquithgallery.com/uploads/posts/2021-02/1613276192_26-p-sinii-fon-pryamougolnik-34.jpg)
Как закруглить края картинки с помощью CSS
1. Добавьте стиль к вашему классу изображения:
.rounded-image {
border-radius: 50%;
}
2. Примените класс к вашей картинке:
![Описание изображения](image.jpg)
3. Посмотрите на результат - теперь края вашей картинки будут закруглены!
![Самсунг Ep-p1300](https://cdn2.cybermall.ru/images/products/001/795/038/big/11400993_6.jpg)
![Фрезер кромочный Crown ст11023](http://www.woodenstudio.com/images/content/gallery/tools_gallery/router_gallery/of_1400_gallery/01/62_festool_of_1400_ebq_06970.jpg)
![Прямоугольник с двумя закругленными углами](https://jooinn.com/images/edit-37.jpg)
![Салатовый прямоугольник](http://www.marshmallow-fondant.com/emerald-green-fondant_htm_files/15936@2x.jpg)
![Прямоугольник с закругленными краями](https://www.schoolservice.com/image/cache/data/FORM VDTN4-1200x1200.jpg)
![Межкомнатные ступеньки](https://ogorodniku.com/uploads/posts/2023-02/1675596051_ogorodniku-com-p-lestnitsa-s-podiumom-foto-44.jpg)
![Штакетник полукруглый деревянный](https://bober71.ru/upload/iblock/df6/xuxcw3azc8iw9av98m7o87r66wdiydza.png)
![Квадрат с закругленными углами](https://thumbs.dreamstime.com/z/основной-квадратные-знак-и-символ-вектора-значка-изолированные-на-133828924.jpg)
![Ковровые ступени для лестниц](https://kovrolend.ru/image/catalog/kovrolin-na-lestnicu.jpg)
![Рамка с округлыми углами](https://www.rowsignsandgraphics.com/wp-content/uploads/2021/08/Vertical_Rectangle_Black_Bordered.jpg)
![Прозрачный прямоугольник синий](https://html.pdfcookie.com/02/2019/12/20/ov146160qxv1/bga.jpg)
![Прямоугольный с закругленными углами](https://www.domfarfora.ru/image-preview/00010659470_a0_2.jpg)
![Инкрустация дерева шпатлевкой](https://cs9.pikabu.ru/post_img/big/2017/05/15/12/1494879946187856336.jpg)
![Радиус скругления углов столешницы](https://mebeldlyashkol.ru/wp-content/uploads/2021/03/84-1-1.jpg)
![Рамка прямоугольная](https://i.pinimg.com/originals/82/6f/4d/826f4d1fae286d5fb52fa1aa1c3fc928.jpg)
![Синий прямоугольник](https://sweetmonia.com/Sweet-Drawing-Blog/wp-content/uploads/2015/01/Rounded-Rectangle1.png)
![Квадрат с закругленными углами](https://cs8.pikabu.ru/post_img/big/2017/11/21/6/1511252910197051415.jpg)
![Красный прямоугольник с закругленными краями](https://tectonics.com/wp-content/uploads/2018/09/Nzq4yPeQTv2VJEN4rWPT_Curved-Round-Corner.jpg)
![Рамка из каната прямоугольная](https://i.pinimg.com/originals/11/cf/a1/11cfa1d02de8e5cdc6795ebcb55fa877.jpg)
![ЛДСП Эггер с кромкой](https://berkem.ru/wp-content/uploads/2017/03/stoleshnica-bezhevaya.jpg)
![R450 радиус столешницы](https://ogorodniku.com/uploads/posts/2023-01/1672638237_ogorodniku-com-p-zakruglennaya-stoleshnitsa-dlya-kukhni-fot-14.jpg)
![Скругляющая фреза Festool hw r3-OFK 500 490093](https://fotonastenu.ru/800/600/https/www.willers-shop.de/media/image/e0/c7/8e/zoom_fr_abrund_490092_z_01a.jpg)
![Оранжевый прямоугольник](https://s.leroymerlin.kz/upload/catalogue/product_images/8/d/original/13454431.jpg)
![Ценник круглый](https://w7.pngwing.com/pngs/1006/875/png-transparent-cranberry-township-mulvane-orlando-hotel-hampton-inn-altoona-circular-dotted-line-other-white-text.png)
![Оранжевый квадрат](https://phonoteka.org/uploads/posts/2023-04/1680700763_phonoteka-org-p-zakruglennii-kvadrat-art-krasivo-49.png)
![Прямоугольник со скошенными углами](https://cdn11.bigcommerce.com/s-16q4f5gytp/images/stencil/1280x1280/products/123311/127718/Stryker_1001_Advantage_Stretcher_Pad__27167__16007.1633715656.jpg?c=1)
![Шестиугольник с закругленными углами](https://static.vecteezy.com/system/resources/previews/005/158/563/original/hexagon-with-rounded-corners-icon-black-color-vector.jpg)
![Скруглить углы в иллюстраторе](https://miro.medium.com/max/1400/1*WVUUlzQjMBgK-wDkOTfgOA.png)
![Рамка со скругленными углами](https://images.freeimages.com/images/large-previews/707/square-frame-with-rounded-corners-5-1158934.jpg)
![Столешница из кварцевого агломерата still Stone g2807 Black Crystal 20 мм](http://na-dache.pro/uploads/posts/2022-02/1644336357_46-na-dache-pro-p-zakruglennaya-stoleshnitsa-dlya-kukhni-fot-47.jpg)
![Разметка металла под сварку](https://pro-metalloobrabotku.ru/wp-content/uploads/2020/05/22847485_w640_h640_app_96006_silv__reak_round.jpg)
![Гнутоклееные изделия из шпона](https://rstart-shop.ru/wp-content/uploads/a/9/2/a929ed05d9d7c8e868c906fb6141388a.jpeg)
![Пустой фист самп](https://img2.freepng.ru/20180422/ipq/kisspng-checkbox-check-mark-computer-icons-written-vector-5adce8e0bed861.3971702815244269767817.jpg)
![Силиконовая скатерть](https://m.media-amazon.com/images/I/71ZGto3qBLL._AC_SL1500_.jpg)
![Встраиваемый светильник Eglo Fueva 1 94068](https://ih1.redbubble.net/image.376945133.1154/st,small,845x845-pad,1000x1000,f8f8f8.u5.jpg)
![Рамка для текста](https://w7.pngwing.com/pngs/392/23/png-transparent-drawing-rollup-border-frame-border-miscellaneous-white.png)
![Кромка 2907w](https://kitchen-eco.ru/wp-content/uploads/2020/04/42-plastikovaja-stoleshnica-16.jpg)
![Полувинтовая лестница снизу](https://ogorodniku.com/uploads/posts/2023-01/1672662628_ogorodniku-com-p-zakruglennie-stupenki-foto-7.jpg)
![Фреза скругляющая hw r3-OFK Festool 490093](https://www.toolnation.nl/media/catalog/product/cache/3cd6d3b8660362fd541d370b181bbd7b/1/4/18464/14794/490096-afrondfrees-hw-hw-r6-ofk.jpg)
![Фреза Festool скругляющая r9](https://images-eu.ssl-images-amazon.com/images/I/4120Q2FtUQL._UL1000_.jpg)
![Профиль арочный металлический Flext / флекст (60х27 мм / 1 м)](https://amiel.club/uploads/posts/2022-10/thumbs/1664933210_34-amiel-club-p-gibkii-ugolok-dlya-arki-dizain-vkontakte-35.jpg)
![Насадки Вольфкрафт для дрели болгарки](https://fund2.kz/wp-content/uploads/2020/12/71pNio9LMDL._SL1000_.jpg)
![Рамка прямоугольная с закругленными углами](https://img2.freepng.ru/20180531/hao/kisspng-computer-icons-rectangle-5b101efaf16604.1484413315277831629888.jpg)
![Инструменты для кожи](https://cdn03.ciceksepeti.com/cicek/kcm92601153-1/XL/deri-kenari-maat-cizgi-aleti-1-adet-2-mm-kcm92601153-1-117f6296c49c4295b0d7d63f0649d35e.jpg)
![Рамка с закругленными углами](https://images.freeimages.com/images/large-previews/5ae/square-frame-with-rounded-corners-3-1158946.jpg)
![Укладка линолеума](https://mastach.ru/upload/iblock/221/2219ca46edcf89b1a63c634d03e19581.jpeg)
![Прямоугольное зеркало с закругленными углами](https://i.pinimg.com/originals/26/77/ed/2677ed66c31ccf97cd678f4d86f063bb.jpg)
![Плашка с закругленными углами](http://cdn2.vectorstock.com/i/1000x1000/25/81/blank-white-rectangle-with-rounded-corners-vector-1892581.jpg)
![Лист с загнутым углом](https://i.pinimg.com/originals/d7/46/7b/d7467baa41d91046245bd7849484ae69.jpg)
![Убавление петель спицами для проймы рукава схема](https://i.pinimg.com/originals/59/b1/c0/59b1c020c883c620206bbfe685931f8a.jpg)
![Квадрат с закругленными углами](https://www.iconbunny.com/icons/media/catalog/product/2/0/2090.1-square-with-round-corner-icon-iconbunny.jpg)
Примеры закругленных картинок
Для вдохновения, вот несколько примеров закругленных картинок:
Вставить фото примера 1
Вставить фото примера 2
Вставить фото примера 3
Закругление краев картинки - это простой способ придать вашим изображениям оригинальность и элегантность. Попробуйте эту технику сегодня и улучшите внешний вид ваших веб-страниц!