CSSだけで作るtableデザインテクニック

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

creators-manual.com

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

コメント

6

記事へのコメント6件

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

syo_t_2 “table { width: 100%; border-collapse: collapse; } th.t_top { border-top: #b3b3b3 4px solid; } th { border-bottom: #e3e3e3 1px solid; border-left: #e3e3e3 1px solid; text-align: left; background: #f7f7f7; padding: 10px; font-weight: normal; } td.t_top { border-top: #be1309 4px solid; } td { border

2013/12/06 リンク

wondercoku 今回はCSSだけでデザインするtableのアイデアを2つ紹介したいと思います。画像を作ったテーブルも多く見ますが、画像を使わずにも、なかなかカッコいいテーブルができますので、ぜひ参考にしてみてください。ここでは

2012/10/29 リンク

yuta0121 tableデザイン

CSS

2012/09/05 リンク

smlk5spitzer 画像無しでもこれだけ。

資産ブログ記事参考サ

2012/07/25 リンク

panren css,table

2012/07/16 リンク

suama0 tableデザイン

CSS

2012/04/26 リンク

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSSだけで作るtableデザインテクニック

今回はCSSだけでデザインするtableのアイデアを2つ紹介したいと思います。画像を作ったテーブルも多く... 今回はCSSだけでデザインするtableのアイデアを2つ紹介したいと思います。画像を作ったテーブルも多く見ますが、画像を使わずにも、なかなかカッコいいテーブルができますので、ぜひ参考にしてみてください。ここでは、線と塗りだけで表現するシンプルなテーブルを作ってみます。 7/22に第二段として[CSSだけで作るtableデザインテクニックVer.02(おまけ付き)]を公開しましたので、コチラもぜひ見てみてください！またテーブルはSEO的に良くないと考えている方がいましたら、tableタグはSEOに不利というデマコチラの記事もあわせて読んでみてください。元となるHTML <table summary="会社案内表"> <tr> <th class="t_top" width="180">会社名</th> <td class="t_top">株式会社○○○</td> </tr> <tr>

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

h-miki-pd2018/03/08
sainoue2016/04/08
sikusiku2015/11/29
calicocats2014/11/02
torushige2014/08/25
syo_t_22013/12/06
kkondow2013/09/25
kiba322013/08/13
pimil2013/06/14
mittan_vim2013/06/06
web-ken2013/05/18
itokeikei2013/01/09
murasakihukurou2012/11/30
DEAD_MAN2012/11/26
egapool2012/11/26
wondercoku2012/10/29
mesio2012/10/21
hama09112012/09/20

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx