<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
<html>
<머리>
<title>멋진 모서리: HTML CSS 둥근 모서리</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" 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{padding-bottom: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}
</style>
</head>
<본문>
<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 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 ioooue eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuuuue
auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
우아우우우우우우우우.</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1 "></b></b>
</div>
</body>
</html>