Магазин
[url="http://www.masterwebs.ru/go.php?url=http://\"http://vremenno.net/html-css/38-articles-about-creating-rounded-corners/\""]38 статей о создании закругленных углов на сайтах[/url]
далее, обсуждение и готовые решения по этой теме...
Пример 1. Создание блока с закругленными углами без рисунков, чистый CSS.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Скругленные уголки</title>
<style type="text/css">
.r1, .r2, .r3, .r4 {
display: block;
font-size: 0;
height: 1px;
background: #f677c5;
}
.r1 { margin: 0 5px; }
.r2 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r4 { margin: 0 1px; height: 2px; }
.block-round-content {
background: #f677c5; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
}
</style>
</head>
<body>
<div class="block-round">
<b class="r1"> </b><b class="r2"> </b><b class="r3"> </b><b class="r4"> </b>
<div class="block-round-content">
Создаем блок со скругленными уголками без рисунков.
</div>
<b class="r4"> </b><b class="r3"> </b><b class="r2"> </b><b class="r1"> </b>
</div>
</body>
</html>
