Закругление краёв

Lange

Пользователь
#1
HTML:
      -moz-border-radius-bottomleft: 9px;
      -moz-border-radius-bottomright: 9px;
      -moz-border-radius-topleft: 9px;
      -moz-border-radius-topright: 9px;

        -webkit-border-top-left-radius:9px;
        -webkit-border-top-right-radius:9px;
        -webkit-border-bottom-left-radius:9px;
        -webkit-border-bottom-right-radius:9px;

        border-top-left-radius:9px;
        border-top-right-radius:9px;
        border-bottom-left-radius:9px;
        border-bottom-right-radius:9px;

        -khtml-border-radius-topleft:9px;
        -khtml-border-radius-topright:9px;
        -khtml-border-radius-bottomleft:9px;
        -khtml-border-radius-bottomright:9px;
Выложил специально, т.к. очень долго искал это.
Штука эта предназначена для закругления краёв.
Пример

Please Login or Register to view hidden text.

 
D

diabolical

Гость
#2
можно еще просто border-radius:2px; и везде закруглит и справо и слево
 
F

fariyeld

Гость
#7
Мне весь шаблон надо закруглить... я поствил этот код в конец main.css ничего не получилось...
--- добавлено: Jan 3, 2012 12:24 PM ---
Код:
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
-moz-box-shadow:0px 0px 10px #000000;
-webkit-box-shadow:0px 0px 10px #000000;
box-shadow:0px 0px 10px #000000;
background-image: -moz-linear-gradient(top, #00c1ff, transparent);
background-image: -webkit-gradient(linear, center top, center bottom, from(#00c1ff), to(transparent));
background-image: -o-linear-gradient(top, #00c1ff, transparent);
background-image: linear-gradient(top, #00c1ff, transparent);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
opacity:0.81;
Мне вот вот эту надо добавить...
 

Googledono

Пользователь
#9
если не пашет (у меня почему то также) пропиши в теге стиля (т.е. добавъ тег стиль в нухное тебе место)
HTML:
style="..."