css border-collapse的使用詳解

• 名稱：border-collapse
  #分類：表格
  ##簡述：設定行和單元格的邊是否合併
  概述：border-collapse是設定表格的行a34de1251f0d9fe1e645927f19a896e8或b6c5a531a458a2e790c1fd6421739d1c之間是否留有距離的樣式，a34de1251f0d9fe1e645927f19a896e8與b6c5a531a458a2e790c1fd6421739d1c之間的距離，在表格裡可以透過border="xxx"與cellspacing="xxx"來實現。換句話說，當border-collapse設定為collapse時，表格本身的border與cellspacing屬性便沒有作用了。

• 語法：
  

  # 取值：

  separate : 預設值。邊框獨立（標準HTML）

  collapse : 相鄰邊被合併
  

#

border-collapse : separate | collapse

例1:

程式碼:

#顯示效果:

<table 
width
="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse:collapse">
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

#    例2:

程式碼:

<table width="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse: separate">
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

顯示效果為：

 # # 

##

############################################ ####################

以上是css border-collapse的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！