<!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。
<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>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>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。
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1 "></b></b>
</div>
</正文>
</html>