当前位置: 代码迷 >> Web前端 >> table中border cellPadding cellSpacing差别
  详细解决方案

table中border cellPadding cellSpacing差别

热度:163   发布时间:2012-09-08 10:48:07.0
table中border cellPadding cellSpacing区别

table中border cellPadding? cellSpacing区别

cellPadding? :设置或返回单元格内容和单元格边框之间的空白量。

cellSpacing :设置或返回在表格中的单元格之间的空白量。
<html>
<head>
<script type="text/javascript">
function padding()
? {
? document.getElementById('myTable').cellPadding="15"
? }
function spacing()
? {
? document.getElementById('myTable').cellSpacing="15"
? }
</script>
</head>
<body>

<table id="myTable" border="30">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br />
<input type="button" onclick="padding()" value="改变 Cellpadding">
<input type="button" onclick="spacing()" value="改变 Cellspacing">

</body>
</html>

  相关解决方案