使用CSS为表格设计样式

-2

如何应用适合表格的背景颜色？如何更改每个单元格内容的颜色？我如何给表格一个标题/标题？使用CSS为表格设计样式

我有以下组成如下表：

<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>

我不是不够好经验，以我的需要适用于我创建的表。

来源

2014-02-22 user2948897

你试图解决什么问题？更多可能的答案是*“不要使用表格”*（你们都只是用CSS标签承认这一点） – OJFord

如果将其粘贴到Notepad ++并运行它，应该注意到背景颜色（灰色）延伸到桌子外面。除了我的卑微请求之外，我还需要动态地遵守表格。 – user2948897

为什么这篇文章被标记下来？两次？ – user2948897

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

<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>

编辑：添加的表为你的标题部分。

来源

2014-02-22 01:09:48 Element808

使用CSS为表格设计样式

回答

相关问题