HTML总述--第十一讲 width height align cellspacing cellspadding

<table>属性：width、height
align 对齐方式
bgcolor 背景色
cellspadding 内容到边框距离
cellspacing 边框到边框距离

<!DOCTYPE html>
<html>
<head>
    <title>html表格</title>
</head>
<body>
<table border="1" width="1700" height="700" bgcolor="green">
<tr><th>1</th><th>2</th><th>3</th><th>4</th></tr>
<tr>
  <td colspan="2" align ="center">1-1</td>
  <td>1-3</td>
  <td>1-4</td>
</tr>
<tr>
  <td>2-1</td>
  <td>2-2</td>
  <td>2-3</td>
  <td>2-4</td>
</tr>
<tr>
  <td colspan="3"  >3-1</td>
  
  <td rowspan="2">3-4-4</td>
</tr>
<tr> 
  <td>4-1</td>
  <td>4-2</td>
  <td bgcolor="pink">4-3</td>
  
</tr>
</table>
</body>
</html>

结果：

cellpadding 和 cellspacing 属性

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<table border="1" cellpadding="30px;">
<!--<table border="1" cellspacing="30px;">-->
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <tr>
        <td>1-1</td>
        <td>1-2</td>
        <td>1-3</td>
    </tr>
    <tr>
        <td>2-1</td>
        <td>2-2</td>
        <td>2-3</td>
    </tr>
</table>
</body>
</html>

cellpadding.png

cellspacing.png

最后编辑于：2018.05.11 09:35:36

HTML总述--第十一讲 width height align cellspacing cellspadding

推荐阅读更多精彩内容