表格常用的定义方式

  1. <table cellspacing="0" cellpadding="8" width="100%" bordercolor="#C4E2FF" bordercolordark="#FFFFFF"
  2.  bgcolor="#E8FBFF" border="1">
  3.     <tr>
  4.     <td align="right" width="17%">QQ号码:</td>
  5.     <td align="left" width="83%">123456</td>
  6.     </tr>
  7.     <tr>
  8.     <td align="right">MSN:</td>
  9.     <td align="left">[email protected]</td>
  10.     </tr>
  11. </table>

bordercolordark这个在firefox和opera就不行,表格在ie是细线有颜色,到了firefox,opera就变粗变黑



  1. <style>
  2. table{border-collapse:collapse;border:1px solid #C4E2FF;background:#E8FBFF;width:100%;}
  3. td{padding:10px 5px;line-height:40px;border:1px solid #C4E2FF;}
  4. </style>
  5. <table>
  6.     <tr>
  7.     <td align="right" width="17%">QQ号码:</td>
  8.     <td align="left" width="83%">123456</td>
  9.     </tr>
  10.     <tr>
  11.     <td align="right">MSN:</td>
  12.     <td align="left">[email protected]</td>
  13.     </tr>
  14. </table> 
注意border-collapse:collapse;是保证在firefox,opera下面细线的关键,并且td要加上border要不然里面就没有线了.

你可能感兴趣的:(表格常用的定义方式)