<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
<html>
<голова>
<title>Изящные углы: закругленные углы HTML CSS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body {padding: 20px; цвет фона: #FFF;
шрифт: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{поле: 0 10 пикселей}
h1{размер шрифта: 250%;цвет: #FFF}
h2{размер шрифта: 200%;цвет: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
переполнение: скрыто; фон: #9BD1FA}
b.r1{поле: 0 5 пикселей}
b.r2{поле: 0 3px}
b.r3{поле: 0 2px}
b.rtop b.r4, b.rbottom b.r4{поле: 0 1px;высота: 2px}
</стиль>
</голова>
<тело>
<div id="отличный">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4" "></b></b>
<h1>Изысканные углы</h1>
<p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
<h2>Закругленные углы без изображений</h2>
<p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
уеаоа иу иаеуо уоао иауой уи оэиооэ ауо а оое у уууо оаооаае уоа иуиуау ииоау ууиу иеу иа еоуойуо уа о.</p>
<p>Iiuiuaea ouea ieuuio oi iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia
uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p>
<p>Iueuouii eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi ioeiu uuiei uiaeo оаау иуу ууу
auo au o ooueooii oueui aeeeau uoeoeee aeuuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
уауууу еее иеу.</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1" "></b></b>
</div>
</тело>
</html>