Question

如何应用适合桌面的背景颜色？如何更改每个单元格内容的颜色？我如何给表格标题/标题？

我编写了下表：

    <html>
    <body>
    <script Language="JavaScript">
    rows = 6;
    cols = 6;

    document.write('<div style = "margin: 10px; background-color:grey;"><table border="1"
    cellspacing="1" cellpadding="5">')

    for (i = 0; i < rows; i++) 
    {
       document.write('<tr>')

       for (j = 0; j < cols; j++)
       {
           document.write('<td>' + (i+j) + '</td>')
       }
       document.write('</tr>')
    }

    document.write('</table></div>')

   </script>
   </body>
   </html>

我没有足够的经验将我的需求应用到我创建的表格中。

Answer 1

你去......这应该这样做

<html>
<body>
    <script language="JavaScript">
    rows = 6;
    cols = 6;

    document.write('<div style= "width: auto; margin: 10px;"><table style="background-color:grey;" border="1" cellspacing="1" cellpadding="5">');

    document.write('<th colspan="6">This is a table header</th>');
    for (i = 0; i < rows; i++) {
        document.write('<tr>');

        for (j = 0; j < cols; j++) {
            document.write('<td>' + (i + j) + '</td>');
        }
        document.write('</tr>');
    }

    document.write('</table></div>');

</script>
</body>
</html>

编辑为您添加了表标题部分。

使用CSS设置表格样式

1 个答案: