]]>
]]>
Рейтинг@Mail.ru

Закругленные уголки css

Материал из Веб программирование.

Перейти к: навигация, поиск

Данная статься еще не закончена!

Блок с закрюглюнными уголками, реализация без картинок что довольно неплохо... закругленную форму образует символ •(•), а не картинка.

image:Corner_teoria.jpg

css код:

<style type="text/css">
.curvy {
position:relative; display:block;
width:250px; background:#ddd;}
#ctl, #cbl, #ctr, #cbr {
position:absolute; width:20px; height:20px;
color:#ddd; background:#fff; overflow:hidden;
font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {
position:absolute; font-size:150px; font-family:arial;
color:#ddd; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {
font-size:14px; text-align:justify; position:relative;
z-index:100; padding:5px 10px;}
</style>

html код:

<div class="curvy">
<em id="ctl"><b>&bull;</b></em>
<em id="cbl"><b>&bull;</b></em>
<em id="ctr"><b>&bull;</b></em>
<em id="cbr"><b>&bull;</b></em>
<p>Я знаю, что это же было реализовано!<br />
Это бокс с закругленными уголками, в которые вы можете поместить текст, текст идет до угулков.<br />
Никакой графики здесь не используется. Все берется из четырех секторов по углам и круга &bull;(&amp;bull;)
помещенного c позицией абсолютно в каждом углу
(шрифт Arial является самым безопасным для использования в данном примере).</p>
</div>
Пример использования:

Я знаю, что это же было реализовано!
Это бокс с закругленными уголками, в которые вы можете поместить текст, текст идет до угулков.
Никакой графики здесь не используется. Все берется из четырех секторов по углам и круга •(&bull;) помещенного c позицией абсолютно в каждом углу (шрифт Arial является самым безопасным для использования в данном примере).

]]>
Google+
]]>
Личные инструменты
Хочешь еще цитату? Не настолько легкая по изложению книга, но полезная в том смысле, что может несколько отрезвить программиста, в первый раз устраивающегося на работу. Содержит достаточно много всяких гадостей об этой профессии, лейб-мотивом книги служит утверждение о том, что жизнь дается только одна а здоровья потом не купишь. Очень правильная книга, жалко только то, что является лишь констатацией фактов и не содержит рецептов по исцелению. Таким образом, по этой книге можно узнать правду о трудностях программирования.Э. Йордон, "Путь камикадзе"
веб-программирование
Просмотры
чтим

Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/webproger/data/www/webproger.ru/1c6a72389c0fd92079ac7ae7cd356173/sape.php on line 218 Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/webproger/data/www/webproger.ru/1c6a72389c0fd92079ac7ae7cd356173/sape.php on line 224

]]>
Rambler's Top100
]]>
]]>
]]>