角丸教えてください。

質問

HTMLを勉強しています。

下記にソースに丸みを帯びたセルをつけたいのですが
わかりません。

わかりやすくおしえていだけないでしょうか？

よろしくお願いいたします。

HTML

<div class="item-group">
<h3><img src="URL" alt="商品別検索" /><p>　</p><td height="400" bgcolor="#c0c0c0">
</h3>
<dl>
<dt>▼test</dt>
<dd><a href="http://URL">・てすと</a></dd>
<dd><a href="http://">・★★★</a></dd>

<dt>▼test</dt>
<dd><a href="http://">・★★★</a></dd>
<dd><a href="http://">・★★★</a></dd>
<dd><a href="http://">・★★★</a></dd>
<dd><a href="http://">・★★★</a></dd>

<dt>▼作成中</dt>
<dd><a href="http://">・★★★</a></dd>
<dd><a href="http://">・★★★</a></dd>
<dd><a href="http://">・★★★</a></dd>
<dt>▼作成中</dt>
<dd><a href="http://">・★★★</a></dd>
<dd><a href="http://">・★★★</a></dd>
<dd><a href="http://">・★★★</a></dd>
<dd><p><a href="http://★★★/">商品一覧</a></p></dd>
</dl>
</div>
になります

回答No.1

ORUKA1951 · ベストアンサー

＞HTMLを勉強しています。
　でしたら、書いたら
★Another HTML-lint 5 ( http://www.htmllint.net/en/html-lint/htmllint.html# )
　で、書くたびにチェックする癖をつけましょう。もちろん、解らないときは
★HTML 4.01 仕様書邦訳 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
　は必ず目を通して、必要なときどこを読めばよいかくらいはわかるようにしておきましょう。
H1要素にはブロック要素は入りません。
　　→『<!ELEMENT (%heading;) - - (%inline;)* -- heading --> ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#edef-H1 )』
　　　(%inline)*は行内要素が0個以上しか入らないということ
　　→7.5.3 ブロックレベル要素と行内要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.3 )

　ソースではなく、要素(はタグで括られている)に、角丸を付けたいということでしょうが、それはCSS3のborder-radiusプロパティを使います。

<div class="item-group">内のh3要素を角丸にしたいなら
div.item-group{border:solid 1px gray;border-radius:10px;}
とかです。４隅に対して個別に指定することも出来ます。

お礼

お礼が遅くなりましたありがとうございました