<!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">
<style type="text/css">
ボディ{パディング: 20px;背景色: #FFF;
フォント: 100.01% "Trebuchet MS"、Verdana、Arial、サンセリフ}
h1,h2,p{マージン: 0 10px}
h1{フォントサイズ: 250%;カラー: #FFF}
h2{フォントサイズ: 200%;カラー: #f0f0f0}
p{padding-bottom:1em}
h2{パディングトップ: 0.3em}
div#nifty{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #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}
</スタイル>
</head>
<本文>
<div id="nifty">
<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 aieueuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiau
ueaoa 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>あいうえおいいえいいえおいえいいえおおうえおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお
アウオ・アウ・オウエオイ・オウエウイ・アエアウ・ウエオエエ・アエウアエア・アオエウオイエオ・アイオ・アイオ・イウオウアウ・エ・アウエウウイエ・オイイエ・エイオイイ・オエイウ
うぇううううええええええ。</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1 "></b></b>
</div>
</body>
</html>