Для скруглення куточків у елементів в CSS3 призначене властивість border-radius, значенням якого виступає радіус закруглення. Якщо взяти квадратне зображення і додати до нього це властивість, то ми отримаємо вже не квадратне, а кругле зображення. В якості значення слід задати половину ширини рисунка. Правда, можна поступити простіше і значенням вказати завідомо велике число, що перевищує розміри зображення. Так ми в будь-якому випадку отримаємо круглу картинку і зможемо застосовувати стиль зображень різного розміру.
Традиційні прямокутні куточки в дизайні сайтів давно вже всім набридли. У моді округлені куточки, які робляться не з допомогою зображень, а через стилі, для чого використовується властивість border-radius. Це властивість може мати один, два, три або чотири значення розділених пробілом, які і визначають радіус усіх куточків або кожного окремо.
На сайті часто виникає необхідність акцентувати увагу на одному рядку тексту. Це може бути телефон, адреса або назва важливого повідомлення. Головне, щоб відвідувачі звернули на нього увагу. Для цієї мети краще використовувати блок з заокругленнями, як показали психологічні дослідження, таке оформлення притягує погляд частіше, ніж звичайна прямокутна.
Для створення рамки навколо блоку використовується стильове властивість border, значення якого задається товщина, стиль і колір лінії. Якщо поверх такої лінії накласти графічні куточки, то ми вб'ємо двох зайців — отримаємо потрібні заокруглення та збережемо кордон, яку можна побачити навіть при відключенні картинок.
Якщо на сайті застосовується група фотографій однакової ширини і висоти, то для них досить просто можна встановити округлені куточки. Принцип полягає в тому, що поверх кожної фотографії накладається малюнок, який ховає під собою частину фотографії, утворюючи тим самим бажані куточки.
Округлені куточки досить часто застосовуються в дизайні, але властивість CSS 3 border-radius підтримується не всіма браузерами. Тому доводиться використовувати різні хитрощі, щоб досягти універсального результату. Переважно для створення куточків застосовуються зображення, тому цікаво буде обійтися без них, тільки за допомогою стилів.
Хоча зображення досить успішно застосовуються для створення заокруглених куточків в рамках, стилями часом робити це зручніше. По-перше, через стилі можна легко змінити колір рамки без редагування картинок. І, по-друге, рамки без малюнків завжди відображаються в браузерах однаково, незалежно від того, виключений показ картинок чи ні.