ブログパーツ～テーブル編～

おはようございます。近牡と申します。

テーブルタグの素材を作っていこうかと思いますが、正直前の記事の ボックスデザインのタグを使いたいテーブルタグに変えれば済みそうな話なので… ほかの用途を想定して作成してみようかと思います。

テーブルの空き枠用

＿＿＿

<table border="2px"><tr><td bgcolor="#ccc">＿＿＿</td></tr></table>

※tdタグなど必要な箇所だけ切り抜いてご活用ください。

レスポンシブ対応・自動横幅調整テーブル

文字列等

文字列等

<table border="1px" style="width: 100%;"><tr><td>文字列等</td><td>文字列等</td></tr></table>

用途別色分け要素

赤要素	黄要素	青要素

<table border="1px"><tr> <th style="background-color: rgba(255,150,150,.7)">赤要素</th> <th style="background-color: rgba(255,255,150,.7)">黄要素</th> <th style="background-color: rgba(150,150,255,.7)">青要素</th></tr></table>

td要素で使いたい場合はthをtdに変更してご活用ください。