простые закругленные границы с JQUERY или что-то еще

Question

Дубликат:

• Как лучше всего создать закругленные углы
• Как сделать кросс-браузер, W3C верным, семантическим, не javascript углом раунда?
• JQuery закругленные углы

Вы знаете способ сделать округлые границы для элементов div. Я использовал ruzee, но у меня возникла проблема с использованием компонентов CalenderExtender (asp.net ajax) и GMDatePicker.

Answer 1

В CSS 3 будет стандарт для этого. Сегодня вы можете сделать это (только для браузеров на базе Mozilla и Webkit) с:

.roundBorder {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

В противном случае вы можете использовать несколько div с фоновыми изображениями, но JQuery предоставит более простой способ (о котором я не знаю: ()

Способ множественного деления может выглядеть примерно так:

HTML:

<div class="topLeft">
    <div class="topRight">
        <div class="bottomLeft">
            <div class="bottomRight">
                 <div class="content">
                 </div>
            </div>
        </div>
    </div>
</div>

CSS:

.topLeft {
    background-image: url('topLeft.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.topRight {
    background-image: url('topRight.png');
    background-position: top right;
    background-repeat: no-repeat;
}

.bottomLeft {
    background-image: url('bottomLeft.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}

.bottomRight {
    background-image: url('bottomRight.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}

Answer 2

для JQuery, вы можете использовать «Уголок». Смотри здесь

Answer 3

Вы можете использовать свойство CSS3 border-radius, но это пока не поддерживается в IE.