<html>
<head>
<meta charset=utf-8" />
<title>js九九乘法表</title>
<style type="text/css">
table {
width: 800px;
height: 300px;
border-collapse: collapse;
}
table th {
border: 1px solid #069;
}
</style>
</head>
<body>
<script type="text/javascript">
document.write("<table>");
var str = "js九九乘法表";
document.write("<h1>" + str + "</h1>");
for ( var x = 1; x <= 9; x++) {
document.write("<tr>");
for ( var y = 1; y <= x; y++) {
document.write("<th>" + x + "*" + y + "=" + (x * y) + "</th>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
border-collapse: collapse;//用于表格属性, 表示表格的两边框合并为一条
