Данный плагин позволяет очень легко закруглять углы у рамок вокруг контента
Установка:
В head вставляйте следующий код:
Code
<script type="text/JavaScript" src="/js/jquery.curvycorners.min.js"></script>
<style>
.myBox
{
border: 10px solid #333333;
color: #ffffff;
width: 150px;
padding: 20px;
text-align: left;
background-color: #ff0000;
}
</style>
<script type="text/JavaScript">
$(function(){
settings = {
tl: { radius: 20 },
tr: { radius: 0 },
bl: { radius: 0 },
br: { radius: 20 },
antiAlias: true,
autoPad: true,
validTags: ["div"]
}
$('.myBox').corner(settings);
});;
</script>
Тот контент, который вы хотите обрамить, берите в дивы следующим образом:
Code
<div class="myBox">Ваш контент</div>
Далее в папку js заливайте скрипт из прикреплённого архива
Всё! Скрипт тестировал во всех браузерах... Некорректно работает он (При закруглении не всех углов) в IE. остальные браузеры прекрасно понимают данный скрипт