【HTML/CSS】tableタグを使わない比較表デザイン！レスポンシブ対応！

テクノロジーカテゴリーの変更を依頼記事元:

ponhiro.com

57users がブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

lait_9baka マークアップもめっちゃ微妙だし何故敢えてtableタグ使わないのか意味がわからない・・(デザインは綺麗

2019/06/30 リンク

munyaX これはtableタグで良いのでは…。

2019/06/30 リンク

haneman-oyaji HTMLやCSSの知識ゼロなおじさんにはこういうテンプレ超ありがたい。感謝のはてブ。

2019/07/01 リンク

lait_9baka マークアップもめっちゃ微妙だし何故敢えてtableタグ使わないのか意味がわからない・・(デザインは綺麗

2019/06/30 リンク

munyaX これはtableタグで良いのでは…。

2019/06/30 リンク

masalib ブログを書く時に使えそう。

2019/06/30 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

【HTML/CSS】tableタグを使わない比較表デザイン！レスポンシブ対応！

/************************************ ** 比較表 ************************************/ /* 比較表全... /************************************ ** 比較表 ************************************/ /* 比較表全体 */ .compare-box { display:-webkit-box;/* 配置 */ display:-ms-flexbox;/* 配置 */ display:flex;/* 配置 */ max-width:600px;/* 横幅 */ margin: 0 auto 2rem;/* 余白 */ border-radius:4px;/* 角丸 */ box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */ background: #fef9ed; /* 背景色 */ } /* 左のボックス、右のボックス */ .compare-box .compare-left-

ブックマークしたユーザー

ponnao2021/09/14
nelog2019/07/03
munky69rock2019/07/01
urochiinke862019/07/01
azechi_n2019/07/01
Na-Ni-Ca2019/07/01
homedaidai2019/07/01
haneman-oyaji2019/07/01
kuma-tech2019/07/01
ciaolechat2019/07/01
hasunuma06132019/07/01
shogo_okamoto2019/07/01
three_bee2019/07/01
bonlife2019/07/01
nulllog2019/07/01
george_tsubota2019/07/01
aTn2019/07/01
akanezora2019/07/01

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx