cell指表格的內容
cellspaceing:表格里單元格之間的距離(類似div margin 外補丁)
cellpadding:表格里單元格空白部分(類似div padding 內補丁)
<html> <head> </head> <body> <table border="1" cellspacing="10px" cellpadding="20px"> <tr> <td>第一個</td> <td>第二個</td> </tr> <tr> <td>第一個</td> <td>第二個</td> </tr> </table> </body> </html>
?
? border-collapse 屬性設置表格的邊框是否被合并為一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示
separate:分開,默認
collapse:合并,cellspacing和cellpadding樣式失效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> <meta name="robots" content="all" /> <meta name="author" content="w3school.com.cn" /> <meta name="Copyright" content="Copyright W3school.com.cn All Rights Reserved." /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta http-equiv="imagetoolbar" content="false" /> <link rel="stylesheet" type="text/css" href="/c3.css" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <title>CSS border-collapse 屬性</title> </head> <body class="html"> <table style="border-collapse:collapse" border="1" width="200" cellspacing="30"> <tr> <td>11</td> <td>12</td> <td>13</td> <tr> <tr> <td>21</td> <td>22</td> <td>23</td> <tr> </table> <table style="border-collapse:separate" border="1" width="200" cellspacing="30"> <tr> <td>11</td> <td>12</td> <td>13</td> <tr> <tr> <td>21</td> <td>22</td> <td>23</td> <tr> </table> </body>
?
?備注: <!DOCTYPE 不能少,否則看不到效果
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
