• Страница 1 из 1
  • 1
Обсуждение «Как скруглить края на CSS»
avatar
Админ | Оффлайн
1. Допустим нам надо закруглить картинку:

2. Применим к картинке CSS => сделаем примерно так:


Code
<div style="-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px;"> <img src="http://atlantida.biz.ua/img/side2.png"></div>


3. В итоге получим закругленную картинку:)
4. Вот ещё подобрал варианты закругления


Code
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px; - округление всех углов;
-moz-border-radius:3px 3px 0px 0px;-webkit-border-radius:3px 3px 0px 0px;border-radius: 3px 3px 0px 0px; - округление верхних углов;
-moz-border-radius:0px 0px 3px 3px;-webkit-border-radius:0px 0px 3px 3px;border-radius: 0px 0px 3px 3px; - округление нижних углов;
-moz-border-radius: 3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;border-radius: 3px 0px 0px 3px; - округление левых углов;
-moz-border-radius: 0px 3px 3px 0px;-webkit-border-radius:0px 3px 3px 0px;border-radius: 0px 3px 3px 0px; - округление правых углов;


[Сообщение # 1]  
  • Страница 1 из 1
  • 1
Поиск:

close