CSS を含む HTML テーブル — スタイル設定され、すぐに貼り付けることができます
セルをクリックして入力することで、HTML テーブルを視覚的に作成できます。ライブ プレビューでクリーンでセマンティックなテーブル マークアップを取得できます。フォーマットを貼り付けたり変換したりする必要はありません。
処理中...
0%
結果
このページでは、ゼブラ ストライプとセルの境界線の両方がオンになったテーブル ビルダーが開きます。さらに、すでに入力されている小さなサンプル価格表が表示されます。まさに、ほとんどの人が「CSS を使用した HTML テーブル」と呼ぶ組み合わせです。
インライン スタイル属性をすべてのセルに分散させるのではなく、ジェネレーターは単一のクラスをスコープとする 1 つの埋め込み可能なスタイル ブロックを書き込み、境界線、間隔、縞模様の行をカバーします。スニペット全体をコピーし、スタイル ブロックが含まれており、どのページでもスタンドアロンで動作します。
サンプル セルを編集し、行または列を追加し、テーブルが広い場合はレスポンシブ ラッパーを切り替えます。コードと以下のライブ プレビューが一緒に更新されるため、コピーしようとしている正確なスタイル付きテーブルが常に表示されます。