CSSだけで作るtableデザインテクニックVer.02(おまけ付き)

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

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

CSSだけで作るtableデザインテクニックVer.02(おまけ付き)

今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテ... 今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML　テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top

rspk315 “<table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top">table title02</th> </tr> <tr> <td class="t_line01">01</td> <td class="t_line01">textarea</td> <td class="t_line01">textarea</td> </tr> <tr> <td class="t_line02">02</td> <td class="t_line02">textarea</td

webデザイン

2016/06/19 リンク

syo_t_2 “table { background-color: #ffffff; border-top:#ffffff 3px double; border-collapse: collapse; font-size: 11px; width: 100%; color:#333333; } table th.t_top { border-bottom: #dcdddd 1px solid; background-color: #efefef; text-align: left; padding: 10px; } table td.t_line01 { background-color: #fff;

2013/12/06 リンク