Закругленные углы

silent9

Постоялец
Регистрация
7 Июн 2008
Сообщения
136
Реакции
11
Подскажите как проще всего сделать закругленные углы у div'a?
Без дополнительных картинок, только стилями или js - возможно? если да то как
 
Можно дивами и CSS

например так:

<div class="rndbxg wrndbxg">
<b class="trg"><b></b><i></i><u></u></b>
<div class="rndbxCg">
<div style="padding: 10px">
СОДЕРЖИМОЕ БЛОКА
</div>
</div>
<b class="brg"><u></u><i></i><b></b></b>
</div>

CSS:

Код:
.wrndbxg b.trg b,.wrndbxg b.brg b {
background:#287597;
}

.wrndbxg b.trg i,.wrndbxg b.brg i,.wrndbxg b.trg u,.wrndbxg b.brg u,.wrndbxg .rndbxCg {
background:#287597;
border-color:#287597;
}

.grndbxg b.trg *,.grndbxg b.brg *,.grndbxg .rndbxCg {
background:#287597!important;
border-color:#287597!important;
}

.wziga b.trg b,.wziga b.brg b {
background:#e8efc8;
}

.wziga b.trg i,.wziga b.brg i,.wziga b.trg u,.wziga b.brg u,.wziga .zagaCg {
background:#e8efc8;
border-color:#e8efc8;
}

.gziga b.trg *,.gziga b.brg *,.gziga .zagaCg {
background:#799500!important;
border-color:#799500!important;
}
 
чтото как-то не работает.. как были острые углы так и остались...
 
один из лучших

_http://trifler.ru/blog/post_1217095767.html
 
Если делать что-то действительно стоящее то без картинок к сожалению не обойтись, а если и можно то код будет весить почти столькоже сколько и картинки. И никуда не денешься :(
 
Можно подождать css3. У них такое будет. А так закругление на яваскрипт происходит не сразу, что очень портит впечатление.
 
Назад
Сверху