<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
<html>
<头>
<title>Nifty Corners：HTML CSS 圆角</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="生成器" content="HAPedit 3.1">
<样式类型=“文本/css”>
正文{填充：20px;背景颜色：#FFF;
字体: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{边距: 0 10px}
h1{字体大小：250%；颜色：#FFF}
h2{字体大小：200%；颜色：#f0f0f0}
p{填充底部：1em}
h2{顶部填充：0.3em}
div#nifty{ 边距：0 10%；背景：#9BD1FA}
b.rtop，b.rbottom{显示：块；背景：#FFF}
b.rtop b，b.rbottom b{显示：块；高度：1px；
溢出：隐藏；背景：#9BD1FA}
b.r1{边距：0 5px}
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 ieieuiiaau
ueaooa iou iaeieuo uoao iauoi ui oeioooe auo a ooe u uuuo ooooaae 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 ioooouue eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue
au au o ooueooii oueui aeeeau uoeoeeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuie 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>
</正文>
</html>