Как сделать закругленные края?

Джейка · #1 27.12.2009, 00:06

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

Если есть больше способов я бы их внимательно выслушала.

Ну очень нужно раздобыть эту инфрмацию. Спасибо!

Nikolavna · #2 04.01.2010, 20:47

Джейка, я нашла для Вас в сети статейку, там все подробно изложено. Текст, правда на английском, но общий смысл понятен и примеры написания кода есть. Если вопрос для Вас все еще актуален, пишите мне в личку, я Вам ссылку вышлю.

vahzz · #3 19.11.2011, 13:21

вконтакте есть программа (Мега аватар) и короче через неё можно закруглить края и ещё дабавить много эфектов и ещё всяких аплекаций её можно найти в поиске напишите мега аватар или сайт наберите тут нельзя сайты писать ну короче на английском мегаава.ру

Jallik Lich · #4 28.11.2011, 10:22

Сообщение от vahzz

вконтакте есть программа (Мега аватар) и короче через неё можно закруглить края и ещё дабавить много эфектов и ещё всяких аплекаций её можно найти в поиске напишите мега аватар или сайт наберите тут нельзя сайты писать ну короче на английском мегаава.ру

Круто... Лучший способ сделать заокругленные края при помощи CSS - это воспользоваться приложением ВКонтакте "Мега Аватар"... Аплодисменты, господа

Я делаю так

Код:

div { /* у этого блоко будут заокругленные края */
    border-radius: 10px;
       /* свойство CSS3 */
    -moz-border-radius: 10px;
       /* заокругленные края для браузеров Mozilla */
    -webkit-border-radius: 10px;  
       /* заокругленные края для Safari и Google Chrome */
}

TUSinkognito · #5 02.02.2012, 19:02

АХАХАХАХАХ vah zz он наверно подумал что CSS ну фотошоп
А закруглять края при помощь языка CSS
Вот пользуюсь таким вариантом
<div style="-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px;">
<img src="http://orel-cs.do.am/212.png">
</div>

Rodriges · #6 05.02.2015, 11:58

Сообщение от vahzz

вконтакте есть программа (Мега аватар) и короче через неё можно закруглить края и ещё дабавить много эфектов и ещё всяких аплекаций её можно найти в поиске напишите мега аватар или сайт наберите тут нельзя сайты писать ну короче на английском мегаава.ру

Человек, вообще-то про css говорит.

Rodriges · #7 05.02.2015, 12:01

Так там на это дело один способ:

.blablabla {
border-radius: 10px;
}

Где "10" может быть любым числом.
Можно ещё в процентах указать, где 50% срезают углы до состояния окружности.

Наталья Захарова · #8 10.07.2015, 13:44

Свойство border-radius. Почитайте о нем.