HTML中的屬性 1.外間距和2.內間距(詳解) (表格屬性)
阿新 • • 發佈:2019-02-19
<!--外間距和內間距--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>外間距</title> <base target="_self"> </head> <body> <table border="1" width="300px" height="100px"> <tr> <td>北京</td> <td>上海</td> </tr> <tr> <td>深圳</td> <td>廣州</td> </tr> </table> <br> <br> <br> <br> <!--調整單元格與單元格之間的外間距(cellspacing="10px"意思是單元格與單元格之間的外間距是10個畫素格)(對比第一張圖和第二張圖)--> <table border="1" width="300px" height="100px" cellspacing="10px"> <tr> <td>北京</td> <td>上海</td> </tr> <tr> <td>深圳</td> <td>廣州</td> </tr> </table> <br> <br> <br> <br> <!--調整字型與單元格邊框之間的內間距,(cellpadding="11px"意思是字型與單元格邊框之間的距離是11個畫素格)(對比第一張圖和第三張圖)--> <table border="1" width="300px" height="100px" cellpadding="11px"> <tr> <td>北京</td> <td>上海</td> </tr> <tr> <td>深圳</td> <td>廣州</td> </tr> </table> </body> </html>
外間距:
內間距: