• 締切済み

テーブルの角を画像を使わずに丸くさせたい

1616BBSという掲示板のスタイルシートを弄っており、自分で解決出来ない問題が浮上しまして此の場をお借りして質問させていただきました。 テーブルの角を丸くさせる方法は画像を使ったものが主流だと思いますが、出来ればテーブルの角を丸くさせる方法を探しております。ご存知の方がいらっしゃれば、教えてくださると助かります。方法の回答じゃなく、こういう方法が載っているサイトを知っているという回答でも構いません。

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

  • tetimi
  • ベストアンサー率57% (4/7)
回答No.2

CSS3であれば、画像を使わずに角丸にすることはできます。 ただし、対応ブラウザが限られてきてしまいますので どこまで対応するかになります。 参考までに。 http://www.css-lecture.com/log/css3/css3-border-radius.html それぞれCSSの対応について 一覧がありますので、こちらも参考にすると良いかもしれません。 http://www.findmebyip.com/litmus/#css3-selectors 新しいことをしようとすると 古いブラウザがどうしても非対応になってしまうので悩みますね^^;

  • Yumikoit
  • ベストアンサー率38% (849/2209)
回答No.1

http://allabout.co.jp/gm/gc/24004/ こんなのでしょうか。

関連するQ&A

  • 角が丸いテーブルをスタイルだけでやるには

    角が丸いテーブルのタブメニューがよくお洒落なサイトで使われていますよね? それと同じ事をしたいのですが、スタイルシートだけで出来るものなのでしょうか。 簡単なやり方などご存知でしたら教えてください。 お願いします。

    • ベストアンサー
    • HTML
  • テーブルやボックスの角を丸くする方法を教えて下さい。

    HPの初心者です。 Win98 IE6.0を使っています。 テーブルやスタイルシートのボックスを作った場合、通常それらの4角は直角になります。 これらを丸くする方法があれば、教えて下さい。 私はやむを得ず、画像ソフトを使っています。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルの角を丸く見せる画像について

    テーブルの四隅にCSSで画像を配置してテーブルの角を丸く見せるデザインをされているサイトを良く見ますが あの四隅の画像はどのようなソフトを使って作られているのでしょうか? 有料・無料のソフトを含めて教えてください。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • 角のある四角いテーブルで囲みたい(ホームページ)

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

  • スタイルシートで、テーブル作成について

    スタイルシートでテーブル枠をつくりたいのですが スタイルシートを使わない場合図形をつかって、角をまるくしたテーブルを作れますよね、このテーブルをスタイルシートでできないのでしょうか? 図形を使わない方法を見たことがあるのですが、IEには対応していないみたいです ご存知の方よろしくお願いします

  • 角が丸いテーブルをCSSで作るには

    <head></head>内をいじれる(<body></body>内はいじることができない)レンタル掲示板で、ベースのテーブルの角を丸くするにはどうすればいいのでしょうか? 通常、<body></body>内に記述ができる場合は3×3のテーブルを作ってその四隅に丸い角の部分になる画像を背景として置くことで角の丸いテーブルを作ることができるということはわかったのですが、<body></body>内に記述ができない場合どうすればいいのかがわかりません。 分かる方がおりましたら教えていただけると助かります。

    • 締切済み
    • CSS
  • テーブルがうまくいきません

    HPの中にテーブルを使いたいんですが、 パーツがばらばらになってしまい、角もうまくつながりません。 テンプレートは配布サイトからDLしたものだったので、 メモ帳を使ってスタイルシートなしで試してみたところ、キレイにテーブルができました。 ソースが間違っているわけでもないようなので、やっぱりスタイルシートの影響ですよね…? いろいろなサイトをまわって調べてみましたが、もうパンクしちゃいそうです◎ 説明不足かもしれませんが、正直スタイルシートの何が原因なのか、ほんとにわかりません。 経験から「もしかしてこれじゃないの?」というのがあればぜひ教えてください。

  • テーブルがうまくいきません。

    HPの中にテーブルを使いたいんですが、 パーツがばらばらになってしまい、角もうまくつながりません。 テンプレートは配布サイトからDLしたものだったので、 メモ帳を使ってスタイルシートなしで試してみたところ、キレイにテーブルができました。 ソースが間違っているわけでもないようなので、やっぱりスタイルシートの影響ですよね…? いろいろなサイトをまわって調べてみましたが、もうパンクしちゃいそうです◎ 説明不足かもしれませんが、正直スタイルシートの何が原因なのか、ほんとにわかりません。 経験から「もしかしてこれじゃないの?」というのがあればぜひ教えてください!

    • ベストアンサー
    • HTML
  • テーブルの角を丸くして、立体的に

    先日、IEでも閲覧可能で、 テーブルの線を細くするスタイルシートを このように教えて頂きました。 このスタイルシートから、 テーブルの角を丸くして、 立体的にする書き方を教えて頂けると とっても助かります。 ------------ <!DOCTYPE html> <html lang="ja"> <head> <style type="text/css"><!-- table.WebDesign{ border-collapse: collapse; width: 400px;} table.WebDesign,table.WebDesign td{border:solid 1px #1C79C6;} --></style> </head> <body><div> <table class="WebDesign"> <tr><td>Webデザイン</td><td>Webデザイン</td></tr> <tr><td>Webデザイン</td><td>Webデザイン</td></tr> </table> </div></body></html>

    • ベストアンサー
    • CSS
  • テーブルの背景画像のみ透明化

    http://css-happylife.com/archives/2007/0106_1500.php 上記サイトのように、背景画像のみを透過させたいと考えています。 例えば、 body{ background-image : url(./background.png); } table{ filter:Alpha(opacity=70,finishOpacity=70,style=3); } とした場合は、テーブル内の全てのコンテンツが透過されてしまいます。 透過されているテーブルの上に透過されていないテーブルを重ねて表示させる方法もネット上に掲載されていましたが、その場合、上記サイトのように動的にテーブルサイズが変わる場合は、実装が難しいように感じます。 しかし上記サイトでは背景のみが透過されているようです。 スタイルシートを見てみましたが、自分の知識では解析できませんでした。 実現方法を教えていただけると大変助かります。

    • ベストアンサー
    • HTML

専門家に質問してみよう