<!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">
<style type="text/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{display:block;พื้นหลัง: #FFF}
b.rtop b, b.rbottom b{display:block;height: 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>อุยอิอุย อุยอุย อุยอุย อุยอุย อุยอุย อุยอุย อุยอุย อุยอุย อุยอุย อุยอุย อุยอุย อุยอุย อูย</p>
<h2>มุมโค้งมนโดยไม่มีรูปภาพ</h2>
<p>อร๊ายยยยย 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>อิอิอิอิอิอิ อิอิอิอิอิ อิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิอิ
auo au o ooueooii oueui 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>
</ร่างกาย>
</html>