タグ

2012年4月24日のブックマーク (1件)

  • テーブルタグを使わない簡単レイアウト術

    ここでは入門用として、<table>と同じことをcssでするにはどう記述するか。それを説明しよう。 まず、簡単な<table>とcssでのソースの比較。 <table width="300" height="100" border="1" cellpadding="3" cellspacing="0"> <tr> <td> 単純にこんなテーブルを使うとする。<br> これをCSSとソースレベルで比較しよう。 </td> </tr> </table> <div class="box"> 簡単にこんなテーブルを使うとする。<br> これをCSSとソースレベルで比較しよう。 </div> 上の2つは、htmlファイル内の様子である。CSSだとすっきり見やすいのがわかる。 そして外部CSSファイルに、縦横幅、ボーダーといった設定でまったく同じ設定ができる。 そして、CSSならば設定の使いまわし