![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
というか、「構造とプレゼンテーションの分離(
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」は基本ですから、単純にtable書いてスタイルシートで調整するほうが楽ですし危険もない。そもそも上記に書かれているようにメンテナンスも楽になる。失敗したらスタイルシート書き換えればよい。スタイルシート使うと、HTML使うよりはるかに多彩なデザインができますよ。HTMLシンプルなのでメンテナンスも楽。
※タブは (全角スペース)に置換してあるので戻す。
<table border="1" summary="サンプルの表">
<tbody>
<tr>
<th>一列目</th><th>二列目</th>
</tr>
<tr>
<td>1行1列目の要素M</td><td>1行2列目の要素</td>
</tr>
<tr>
<td>2行1列目の要素</td><td>2行2列目の要素</td>
</tr>
<tr>
<td>3行1列目の要素</td><td>3行2列目の要素</td>
</tr>
<tr>
<td>4行1列目の要素</td><td>4行2列目の要素</td>
</tr>
</tbody>
</table>
に対して、<head></head>内に
<style type="text/css">
<!--
table[summary="サンプルの表"]{
border-collapse:separate;/* 分離して描く */
border-spacing:0px 30px;/* 左右の間隔が0px、縦の間隔が30px */
border-style:double;
border-color:red;
border-width:5px;
}
table[summary="サンプルの表"] th,
table[summary="サンプルの表"] td{
border-style:solid;
border-color:blue;
border-width:2px 0;/* ボーダーの巾上下2px 左右0 */
padding: 0 20px;
}
table[summary="サンプルの表"] tr:nth-child(2n) td{
background-color:yellow;
}
table[summary="サンプルの表"] th{
background-color:aqua;
}
-->
</style>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
固定ヘッダーがある時のページ...
-
同じクラス名はつけないほうが...
-
テーブルの一部分のセルだけに...
-
Tableタグ内のspan styleが適応...
-
太字にするやり方
-
trとtrの間
-
Tableタグで作成した表の縮小
-
cssで、テーブルのtdの中の文字...
-
テーブルのtext-alignがきかな...
-
サイズ指定したテーブルを縦に...
-
CSSで空けた文頭の全角スペース...
-
Visual Studio で CLR 開発でデ...
-
XHTMLに関する質問 順序が逆に...
-
テーブルタグの中にdivを含めて...
-
tableにul,または,olを入れられ...
-
テーブルとテーブルの間隔について
-
テーブルの行を折りたたみたい...
-
CSSで特定のテーブルだけに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
XHTMLに関する質問 順序が逆に...
-
Tableタグ内のspan styleが適応...
-
Tableタグで作成した表の縮小
-
divで囲んだ文字が消える
-
formのinputなどの幅100%指定
-
td要素内のdiv要素をセンタリン...
-
cssで、テーブルのtdの中の文字...
-
表とリスト(ulとtable)の違い...
-
Dreamweaver デザインビューの...
-
<img>タグにCSSのclass設定可能?
-
trとtrの間
-
Firefoxを使ってるのですがズー...
-
ブラウザによってテーブルのセ...
-
td width="180" と固定してるの...
-
vbscriptで時計を作りたい
-
テーブル内のテーブルの高さを...
おすすめ情報