角のある四角いテーブルで囲みたい（ホームページ）

質問

Dreamweaver8を使用しています。
テーブルを利用して各項目別に区切って記述したいのですが、
これだと四角ばかりで硬いイメージになってしまいます。
下記サイトのような角が丸いテーブルを使用したいのですが、
どのようにすればよいのでしょうか？
おそらくスタイルシートを使用しているのだと思いますが、
cssファイルを開いても、どこのぶぶんかわかりませんでした。
http://www.cashingpartner.com/

よろしくお願いします。

回答No.1

noname#31951 · ベストアンサー

http://www.worldfolksong.com/css5/tips/rtable01.html
http://f32.aaa.livedoor.jp/~azusa/index.php?t=css&p=kadomaru
http://color.sub.jp/Layout/Sample.html

ご参考まで。

補足

ありがとうございます。
２番目のサイトの一番上「角丸テーブル スタイルシートのみ」をやってみました。
とてもいいのですが、上下のすきまがありすぎるようです。
これの調整はできますか？
paddingの値など変えても変化がありません。
http://f32.aaa.livedoor.jp/~azusa/index.php?t=css&p=kadomaru

よろしくお願いします。

回答No.3

crepon133

Nifty Corners
http://www.html.it/articoli/nifty/index.html
javascriptとcssで角丸を表現する方法
http://phprefa.seesaa.net/article/16250388.html

回答No.2

hachi_08

ちなみに提示されたサイトの「キャッシング最新TOPICS」部分を例にすると、下記のやり方で角丸を作っています。

●<div id="Topics">の背景画像として角丸テーブルの上部分の画像を配置
●<div class="detail_foot">&nbsp;</div>で背景に角丸テーブルの下部分の画像を配置
==========================================================
<!--▼キャッシング最新TOPICSここから-->
<div id="Topics">
<h2 class="topics_h">キャッシング最新TOPICS</h2>
※※テーブル内の内容※※
<div class="detail_foot">&nbsp;</div>
</div>
==========================================================

「角の丸いテーブルを作るタグ（CSS）」というのは存在しないので、基本的には角丸の画像を作ってそれを内容の外側に配置する…ということになります。

参考にならなかったらすみません。