2013年9月27日 星期五

表格的 CSS 樣式

我對 CSS 還不是很熟, 所以要用它來排版面還早, 所以習慣仍然使用表格來排版比較快. 但在 HTML5 時代還是要改用 CSS 比較正統. 例如下列排版用 table 要如何改成 CSS 呢 ?

<table border="0" cellspacing="3" cellpadding="2" width="100%">

相對的 CSS 如下 :


  1. border=0 改用 border-width:0px;
  2. cellspacing=3 改用 border-spacing:2px;
  3. cellpadding=2 改在 td 元素設定 padding:2px;
  4. width=100% 改用 width:100%;


table {border-width:0px;width:100%;border-spacing:2px;}
td {padding:3px;}

沒有留言 :