<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
<html>
<cabeza>
<title>Nifty Corners: HTML CSS esquinas redondeadas</title>
<meta http-equiv="tipo de contenido" contenido="texto/html; charset=iso-8859-1">
<meta nombre="generador" contenido="HAPedit 3.1">
<tipo de estilo="texto/css">
cuerpo {relleno: 20px; color de fondo: #FFF;
fuente: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{margen: 0 10px}
h1{tamaño de fuente: 250%;color: #FFF}
h2{tamaño de fuente: 200%;color: #f0f0f0}
p{relleno-abajo:1em}
h2{relleno-superior: 0,3em}
div#nifty{ margen: 0 10%;fondo: #9BD1FA}
b.rtop, b.rbottom{display:block;fondo: #FFF}
b.rtop b, b.rbottom b{pantalla:bloque;altura: 1px;
desbordamiento: oculto; fondo: #9BD1FA}
b.r1{margen: 0 5px}
b.r2{margen: 0 3px}
b.r3{margen: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margen: 0 1px;alto: 2px}
</estilo>
</cabeza>
<cuerpo>
<div id="ingenioso">
<b clase="rtop"><b clase="r1"></b><b clase="r2"></b><b clase="r3"></b><b clase="r4 "></b></b>
<h1>Esquinas ingeniosas</h1>
<p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
<h2>Esquinas redondeadas sin imágenes</h2>
<p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
ueaooa iou iaeieuo uoao iauoi ui oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</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 iooeiu uuiei uiaeo oaaoo iuu uuue
auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
uaeuueuu eeue ieu.</p>
<b clase="rbottom"><b clase="r4"></b><b clase="r3"></b><b clase="r2"></b><b clase="r1 "></b></b>
</div>
</cuerpo>
</html>