border-radius

数年前？十数年前？は&lt;table&gt;タグでレイアウトの枠を作って、角の丸い画像を四隅に配置してたんだけど...コーディングすりゃ角が丸くなる...簡単になったもんだ。 htmlページはこんな感じ。 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;style type="text/css"&gt; div { background-color:lightgray; border-radius:10px; /* 角を丸くする */ padding:5px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt;radius:5px&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; やるこた、こんだけ。 cssで角を丸くしたいタグ、クラス、ID（今回は&lt;div&gt;タグ）のスタイルにborder-radiusのプロパティと値を書く で、Firefoxで確認してみたらこんな感じ。 ま、メモってことで。

html5 & css3メモ divタグの角を丸めてみる