角の丸い罫線はどうやって作る？

質問

実際のサイトを例に出させていただいて恐縮ですが、以下のサイトにあるような、角の丸い罫線（囲み）は、どのような設定でできるのでしょうか。

http://movabletype.yh.land.to/archives/2005/10/04/movabletype-themes-template/
http://blog.info-rich.jp/archives/2005/10/movabletype32_3.html

回答No.3

sekiya-h · ベストアンサー

普通のホームページに比べ、Blog だとカスタマイズの自由度が少ないので、下記の方法で対処できるか不明ですが。

HTML で書き込めれば、
　ページ作成実践講座［１］角の丸い枠を作る - All About
　⇒ http://allabout.co.jp/computer/hpcreate/closeup/CU20010608A/
　とほほのＷＷＷ入門 - テーブル
　⇒ http://www.tohoho-web.com/how2/table.htm
　◆ホームページ作成入門-Heidi - 丸いテーブル
　⇒ http://verre.cside.to/table/table1.htm

CSS を利用した方法
　角の丸いTABLEをCSSで作るイミ
　⇒ http://plaza.rakuten.co.jp/webby/diary/200511020001/

真似したいサイトがあれば、ソースを見ると参考になると思いますよ。

参考URL：

http://allabout.co.jp/computer/hpcreate/closeup/CU20010608A/

お礼

ご回答ありがとうございます。

回答No.4

ingensai

丸角は画像。3*3のテーブルを作り中央にブログ本文、周りにその画像を置きます。
それ以外の線は「border-style」で指定します。

お礼

ご回答ありがとうございます。

回答No.2

ubonoti01

ソースプログラムを見れば分かることなのですが・・・。
四隅は画像、その他（上辺、下辺、右辺、左辺）は背景で扱っているようです。この場合「罫線」というのは適切ではありません。
全体を「背景」とすることもできますが、そうすると、ブラウザで文字サイズを変更した場合に、崩れてしまいますので、伸縮自在になるように、上下左右の辺のみ背景にしてあるのでしょう。

お礼

ご回答ありがとうございます。

回答No.1

noname#113407

ご質問の回答ではありませんが、僕はわかりませんからこういった隅肉RはフリーのCADソフトを使っております。

「JW_CAD」

参考URL：

http://www.ath-j.com/jw_win/

お礼

ご回答ありがとうございます。