<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
<html>
<kepala>
<title>Nifty Corners: Sudut membulat HTML CSS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<gaya tipe="teks/css">
body{padding: 20px;warna latar: #FFF;
font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{margin: 0 10px}
h1{ukuran font: 250%;warna: #FFF}
h2{ukuran font: 200%;warna: #f0f0f0}
p{padding-bawah:1em}
h2{padding-atas: 0,3em}
div#nifty{ margin: 0 10%;latar belakang: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
meluap: tersembunyi; latar belakang: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;tinggi: 2px}
</gaya>
</kepala>
<tubuh>
<div id="bagus">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4 "></b></b>
<h1>Sudut Bagus</h1>
<p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio dan io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
<h2>Sudut membulat tanpa gambar</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 dan iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue
auo au o ooueooii ouuei aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
uaeuueuu eeue ieu.</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1 "></b></b>
</div>
</tubuh>
</html>