круглые углы css

Ответ от Василий Сухоруков[гуру]
А можно сделать легче, нарисовать в ФШ уже круглые углы и потом в ксс поставить значения этим картинкам и не выеживатся.... с пикселями

Ответ от Baby Fox[гуру]
Я не спрашиваю, что такое СSS... Но круглые углы - это извращение какое-то!!!

Ответ от Devil MayCry[новичек]
На CSS3 существует свойство border-radius, но существует огромный "минус" - поддерживается не всеми браузерами. Поэтому приходится использовать различные хитрости, чтобы добиться универсального результата. В основном - для создания уголков применяются изображения, но суть вопроса, как создать круглые углы, только с помощью стилей. Это я и попытаюсь сделать:
Начнем с того, что добавим сверху и снизу от содержимого четыре блока, задавая им нужную высоту 1–2 пиксела и отступы по краям через стилевое свойство margin,
code:
<style>
.r1, .r2, .r3, .r4 {
display: block;
height: 1px;
background: #c6c6c6;
overflow: hidden;
}
.r1 { margin: 0 5px; }
.r2 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r4 { margin: 0 1px; height: 2px; }
.block-round-content {
background: #c6c6c6; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
}
</style>
Сам html-code:
<span></span><span></span><span></span><span></span>
БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-
БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-БЛА-
<span></span><span></span><span></span><span></span>

Ответ от 3 ответа[гуру]