アプリ版：「スタンプのみでお礼する」機能のリリースについて

丸角テーブルの簡単な作り方

解決済

  • 質問者：monster77
  • 質問日時：
  • 回答数：5件

こんにちわ！
丸角テーブルの簡単な作り方を教えて欲しいです。
画像を使用しない方法を特に求めています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (5件)

No.2ベストアンサー

  • 回答者： 345itati
  • 回答日時：

画像を使わない方法はかなり面倒なので


→http://www.stylish-style.com/csstec/ultimate/no- …

でも多分、画像使ってテーブル組んじゃった方が圧倒的に簡単
<table cellspacing="0" cellpadding="0" border="0">
<tr><td style="width: 16px; height: 16px;"><img src="左上角画像url"></td><td style="background-color: #ff0000; width: 400px; height:16px;"></td><td style="width: 16px; height: 16px;"><img src="右上角画像url"></td></tr>
<tr><td style="background-color: #ff0000; width: 16px;"></td><td style="background-color: #ff0000; width: 400px;">本文テキストをここに入れれば出来ます<br>こんな感じ</td><td style="background-color: #ff0000; width: 16px;"></td>
<tr><td style="width: 16px; height: 16px;"><img src="左下角画像url"></td><td style="background-color: #ff0000; width: 400px; height:16px;"></td><td style="width: 16px; height: 16px;"><img src="右下角画像url"></td></tr>
</table>

角丸の画像は16×16ピクセルを想定。
style部分は<head></head>に書き出してやった方がいいですが、省略。
個人的に、こういうレイアウト目的のテーブルは好ましくないのですが。。。
CSSでは駄目でしょうか。
→http://color.sub.jp/Layout/Sample.html
    • good
    • 0
    • 件
通報する

No.5

<fieldset>じゃ駄目？

    • good
    • 0
    • 件
通報する

No.4

  • 回答者： papamama18
  • 回答日時：

＃２の方がおっしゃるとおりですが、CSSで表現するべきです。



テーブルレイアウトは、使用するべきではありません。
後々よけいにめんどくさい事になりますよ。
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： quads
  • 回答日時：

私ならJSで実現します。


http://phpspot.org/blog/archives/2006/04/javascr …
表として用いた table 要素に対して id 属性を指定すれば可能です。

table 要素を用いて丸角を表現しようと考えるのは好ましくありません。
    • good
    • 0
    • 件
通報する

No.1

http://www.google.co.jp/search?q=css3%20%E8%A7%9 …
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報