スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Posted at --年--月--日 | 記事URL | スポンサー広告 | Top↑

CSSでテーブルをかっこよくデザインした『A CSS styled table version 2』

デザイナーならこう作るCSSスタイルテーブル『A CSS styled table version 2』 | CREAMU

CSSでテーブルをかっこよくデザインしたサンプルが紹介されています。テーブルタグを使わずにCSSでテーブルのような表を作る、というのではないのでご注意を。

今までテーブルのborderをCSSで指定するときにどうしてもうまくいかないというか、上下左右どのように指定するのがいいのか分からなかったんですね。

例えば、<td>タグに対してCSSでborderを上下左右に1pxとして指定したとすると、隣接しているセルのボーダーが重なってしまって、そこだけ線が太くなってしまうという問題がありました。

当時は無理やり解決させたか、あるいはCSSでテーブルをデザインするのを放棄したんですが、今回このCSSのコードを見て「あーこうすればいいのか」とすごい納得してしまいました。確かにこうすれば、最小限の記述でCSSもHTMLもきれいになるな、と。

テーブルをきれいにデザインしたい方は必見です。

Posted at 2007年08月24日 | 記事URL | CSS | Trackback(0) | Comment(0) | Top↑
1つ後の記事:Firefoxで別ブラウザの描画エンジンを使うエクステンション
1つ前の記事:Photoshop・Flash・XMLを用いたフォトギャラリー『PhotoFlip』














管理者にだけ表示を許可する

トラックバックURL
→http://smallwebmemo.blog113.fc2.com/tb.php/49-0fcd74a7
この記事にトラックバックする(FC2ブログユーザー)
Home
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。