Блог |
WEB
Как скруглить края на CSS
26.01.2012 в 02:21:41 |
|
Просмотров: 1400 |
0 ответов
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; - округление правых углов;
-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; - округление правых углов;
обсудить на форуме |
1400 визитов ↳ 0 ответов | Ваше мнение о материале | Голосовало: |