1 1 1 1 1 1 1 1 1 1 Рейтинг: 0.00 - 0 отзывов

Круглые края картинки

Как я делаю круглые края у картинок?

Закруглить углы фото

На фотографии слева видны круглые углы картники.

Конечно можно закруглять углы в фотошопе, но есть гораздо простой вариант.

Вернее два.

Например вот так выглядит код моей картинки:

<p><img alt="Круглые края картинки" src="/images/200x200/kotiki/kotiki-225.jpg" 
caption="false" width="200" height="200" style="float: left; border: 1px solid black;
border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-
border-radius: 15px; border-width: 1px; margin: 0 25px 7px 0;" /></p>

Интересно о картинках:

Гораздо проще добавить код в css шаблона сайта:

.img-round {
border: 1px solid black;
width: 300px;
height: 200px;
border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
}

Потом просто вместо img писать img-round и у любой картинки станут закругленные края.

Тем кому мало:

Посмотреть хорошее видео

Добавить: