Есть ли способ придать изображению круглые границы с помощью CSS? - PullRequest
Новая
       19

Есть ли способ придать изображению круглые границы с помощью CSS?

0 голосов
/ 27 июня 2011

У меня есть изображение размером 100 на 100 пикселей.

Интересно, есть ли способ придать изображению скругленные границы с помощью CSS?

Аналогично свойству border-radius: 

-moz-border-radius: 15px;
border-radius: 15px;

Я бы предпочел не прибегать к Javascript.

Спасибо.

1 Ответ

1 голос
/ 27 июня 2011

-moz-border-radius: 15px; и -webkit-border-radius:15px; должны нормально работать в браузере, совместимом со стандартами. Другая техника: 

<div style="border: 0px solid; border-radius: 30px; -moz-border-radius: 30px; -khtm border-radius: 30px; -webkit-border-radius: 30px; width: 100px; height: 100px; background: url('img.jpg');">
...