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

이것을 메모장 ++에 붙여서 실행하면 배경색 (회색) 테이블 너머로 뻗어있다. 내 겸손한 요구에 더하여 역동적으로 테이블을 준수해야합니다. – 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를 사용하여 표 스타일링

답변

관련 문제