重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

テーブルタグをcssでデザインしなおす

解決済

  • 質問者：ayass
  • 質問日時：
  • 回答数：3件

既存のサイトをHTMLはいじらずにCSSだけでデザインしなおすという作業をしています。
そこで質問なのですが、テーブルタグで2列に組まれたものを、cssで1列に組ませることはできるのでしょうか。

イメージとしては
┏━━━━━┳━━━━━┓
┃　　　　　┃　　　　　┃
┗━━━━━┻━━━━━┛
こういう形を
┏━━━━━┓
┃　　　　　┃
┣━━━━━┫
┃　　　　　┃
┗━━━━━┛
こういう形にします。
(四角がずれていたらすいません)
いじるのはcssのみです。
普段tableは使わないのでよくわからず質問しました。よろしくお願いします。

通報する

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

質問の本文を隠す

A 回答 (3件)

No.2ベストアンサー

  • 回答者： think49
  • 回答日時：

こういうことでしょうか。



<style type="text/css">
<!--
table,tbody,tr,td {
display: block;
}
td {
margin: 1em 0px;
border: solid 1px #ccc;
}
-->
</style>
</head>
<body>

<table>
<tr>
<td>test1</td>
<td>test2</td>
</tr>
</table>

# 可能ですが、論理構造と視覚効果が一致しない点が今一ですね…。
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： naokita
  • 回答日時：

＞２さん


良いアイデアです。
でも、
わがままなブラウザもあるから結論は無理って事かな。
    • good
    • 0
    • 件
通報する

No.1

残念ながらできません。

    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

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

Q質問する（無料）

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

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

おすすめ情報