tableとcss

昔、HTMLのテーブルを使ってデザインを組むのが全盛だった時代、こういうテーブルを沢山使った。

<table border="0" cellspacing="0" cellpadding="0" >

○CSSで置き換える方法。
・border
→ border-widthをtable及びtd, thに適用
・cellspacing=”0″
→ border-collapse:collapse;
・cellpadding=”0″
→ td, thでpadding: 0px;
○補足
IE6で確認
その他のブラウザだと cellspacing=”0″ の代わりに border-spacing: 0px; というのが使えるそう。
ちなみに、CSSのborderは上下左右で別の太さを指定出来るので、色々と便利。
○参考ページ
どなたかのブログ？
掲示板での似たような質問

Share on Facebook

Tweet

Follow us