CSSで伸縮自在な角丸テーブル

質問

1枚の角丸画像を使い背景画像の幅を超えない範囲で伸縮自在にする方法はありますでしょうか？

回答No.4

Oh-Orange

★検索したら見つかった。
・http://atp.boo.jp/act/html/04.html→『A Trial Product's 素材置き場：ＨＰちょい技－角の丸いテーブルを作る』
　ちなみに『TABLE 丸角』キーワードで検索しました。
・他にも画像を使わずに TABLE タグを二重、三重使って作る方法も見つけた。
　この方法は知っていたけど自分では上手く解説できないです。
　http://kikky.net/pc/html_table_tec08.html→『テーブルだけで丸角 - パソコンＱ＆Ａ』
・CSSを駆使する方法も見つけた。
　http://www.stylish-style.com/csstec/ultimate/no-image-roundbox.html→『画像を使わずに角丸ボックス ～CSSテクニック～』
　http://color.sub.jp/Layout/Sample.html→『[例４] テーブルを使わないで角丸ボックスを作成する』
・その他にも『css3 角丸』キーワードで検索すると多数見つかります。
・以上。参考に。

参考URL：

http://atp.boo.jp/act/html/04.html

回答No.3

Oh-Orange

★TABLEタグを使えば出来ると思います。
＞左上、真ん中、右上、
＞左中段、　、右中段、
＞左下、真ん中、右下、
＞のように８枚の画像を使って同じよう動きは出来ますでしょうか？
　↑
　この場合は TABLE タグの TD(TH) に背景画像を指定する属性 BACKGROUND="left_top.jpg" などと
　指定します。CSS なら BACKGROUND-IMAGE でしたっけ。それで指定します。
　画像の場合は WIDTH や HEIGHT をピクセル単位で指定すると崩れなくて済みます。
　TABLE タグの中心に文章などを記述すれば良いです。
　前にどっかのサイトで綺麗に解説されていましたが URL を忘れてしまった。
　なのでこれ以上アドバイスできないです。
・以上。参考に。

回答No.2

Aronse

縦方向ということでしょうか。
次のようなサイトがありました。

http://digibot.jp/lab/css/round.html

補足

お返事遅くなりましてすみませんでした。
>次のようなサイトがありました。
>http://digibot.jp/lab/css/round.html​
はい。このサイトのような角丸テーブルにしたいのですが、
左上、真ん中、右上、
左中段、　、右中段、
左下、真ん中、右下、
のように８枚の画像を使って同じよう動きは出来ますでしょうか？

回答No.1

Aronse

１枚というのは本当に１枚のことでしょうか？
それとも、左上、左下、右上、右下の４枚１セットを使って
ということでしょうか？
それとも角丸長方形画像ということでしょうか？

補足

Aronseさま、お返事ありがとうございます。
一枚の角丸画像なんですがとくにワイド方向に伸縮させたいんです。
方法は左上、左下、右上、右下の４枚１セットでも、上、中、下にしてもいいんですがワイド方向に伸縮させるやり方が見付けれなかったもので・・
すいません、宜しくお願いします。