添付画像のようなデザインの表(table)を作成したい。Serviceを読んで理解し、同意したものとみなします。スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。添付画像のようなデザインの表(table)を作成したい。385件0添付画像のデザインの表(table)を作りたいです。見て頂かないと分かりづらいかもしれませんが、thが白い余白に囲まれていて(点線で区切られていますが背景色が繋がっている状態)、thの点線が左端からではなく途中から始まっているデザインです。調べてみたのですが、cssとhtmlをどう書けば実現できるのか分かりません。票1テーブルの列全体を一つのボックスのように扱うのは無理のようなので、項目名側の背景色なんかはtable要素とは別に作って、重ね合わせないと仕方ないのではないでしょうか。</table></div>実際に使おうと思うとあれこれ修正が必要かもしれません。「項目名」側のwidthは完全に固定という想定です。(表の高さの変化には追従するはず。)個人的には、ここまでしてHTML的に難しいデザインにしなくてもと思ってしまいますが。個の銅バッジありがとうございます。デザイン通りに表(table)が作れました。デザイン変えてもらうことも検討してみます。ちなみにですが、このデザインでレスポンシブ対応することは可能ですか?できましたら、そちらのソースも教えて頂けますと幸いです。さん、一口にレスポンシブ対応といっても、どのような要素をどこまで対応させるのかと言った事柄は様々になります。こちらはコーディング丸投げサイトではありませんので、はっきりしない要件を聞き取り相談しながら仕様化して、あなたの(お客様の?)要望にぴったりのコードを提示する、と言うことまではできかねます。上記のコード(あるいは他の方が別のやり方のコードを提示されたらそちらも含めて)の挙動をしっかり確認していただいた上で、ご自身ではどうしても解決できない部分を明確化して絞り込んだ後に、改めて別質問として投稿してくださるようにお願いします。0:47レスポンシブ対応といったのはスマホの時のデザインでした。thとtdを下に落とす場合、thの背景色の回りに余白をつける方法がわかりませんでした。単純に縮小する場合はわかりましたが、落とすか縮小するか決めかねていて、また細かいデザイン(thの点線を途中からにするか、thの背景色の回りに余白をつけるか(上下左右か上左右か))もはっきりしていませんでした。曖昧なコメントをしてしまい申し訳ありませんでした。個の銅バッジすみません。thの点線が左端からではなく途中から始まっている。このデザイン通りに作成したいんです。ソースをどう書いたらデザイン通りに作れるかを知りたいです。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。