å¦æä½ ç°å¨å¼å§ç¨html5ç声ææ¥å页é¢æ¶ï¼ä½ ä¼åç°å¨å®ä¹tableçcellspacingåcellpaddingæ¶è¢«æ示该å±æ§å·²è¿æ¶æè æ示éæ³å±æ§ãå ·ä½åå æ¯å¨html5ä¸tableæ ç¾çè¿ä¸¤ä¸ªå±æ§å·²ç»è¢«ç§»é¤ï¼éè¦å®ä¹è¾¹æ¡ä¹ç±»çæ¶åºè¯¥ä½¿ç¨cssçåæ³
å ·ä½å®ç°å¦ä¸ï¼
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Html5 Table Test</title>
<style type="text/css">
table{ border-collapse:collapse; border:solid 1px Black; }
table td{ width:50px; height:20px; border:solid 1px Black; padding:5px;}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
ææå¾å¦ä¸:
代ç çå ³é®ç¹å¨äºborder-collapse:collapse; å border:solid 1px Black;ã对äºpaddingçå®ä¹å¤§å®¶é½æ¯è¾çæäºï¼è¿é主è¦è®²ä¸ä¸çæ¯border-collapseä¸çcollapseåseparateå¼ï¼å®ä¹ä¸ºcollapseæ¶ï¼ä»ä»¬çè¾¹æ¡ä¼éå å¨ä¸èµ·ï¼å®ä¹ä¸ºseparateæ¶åå æ ¼è¾¹æ¡ä¹é´ä¼æé´éãä¸å®ä¹æ¶é»è®¤ä¸ºseparateã separateæ åµä¸çææå¾å¦ä¸ï¼
代ç å®ä¹å¾ç®åï¼ä¹æ¯æ©çæ¬æµè§å¨å°±æ¯æçä¸è¥¿ï¼åªæ¯ä»¥åæ们ä¸äºäººä¹ æ¯ç¨cellspacingåcellpaddingæ¥å®ä¹ï¼ä½è¿ä¸¤ä¸ªå±æ§å¨html5ä¸å°è¦ç§»é¤ï¼æ以éè¦æ¹è¿æ¥ç¨cssæ¥å®ä¹èå·²ã