1. 程式人生 > >HTML中的屬性 1.外間距和2.內間距(詳解) (表格屬性)

HTML中的屬性 1.外間距和2.內間距(詳解) (表格屬性)

<!--外間距和內間距-->
<!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>

外間距:


內間距: