간단한듯 한데 잘 안되는 테이블 문제 입니다.
본문
<table border="0" cellspacing="1" cellpadding="0" bgcolor='blue'>
<tr>
<td width="600" height="50" valign='top'>
<table border="0" cellspacing="0" cellpadding="0" bgcolor='ffffff'>
<tr>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
</tr>
<tr>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
</tr>
</table>
</td>
</tr>
</table>
첫번째 테이블에서 배경색을 파란색으로 하고 두번째 테이블에서 배경색을 흰색으로 해서 파란색선들을 만들려고 합니다.
문제는 <td> 부분에 bgcolor='ffffff' 를 넣지 않고 파란색선들을 만들어야 하는데 이게 잘 안되네요.
실선은 파란색 <td>부분 배경색은 흰색 이어야 합니다.
방법이 없을까요??
답변 5
<table border="0" cellspacing="0" cellpadding="0" bgcolor='blue'>
<tr>
<td width="600" height="50" valign='top'>
<table border="0" cellspacing="1" cellpadding="0">
<tr bgcolor='ffffff'>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
</tr>
<tr bgcolor='ffffff'>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
<td width="200" height="100" valign='top'>1</td>
</tr>
</table>
</td>
</tr>
</table>
어떤식으로 마크업할 지 그림이 있나요? table 안에 table 을 넣는건 처음 봐서 왜 이렇게 짜는지 의문이네요.
본문의 td 안에 배경색을 넣지 않고는 힘들듯하네요
<style>
table {
width: 100%;
border: 1px solid #444444;
border-collapse: collapse;
}
th, td {
padding: 10px;
}
</style>
<table>
<tbody>
<tr bgcolor="#0000FF">
<td style=" border: 1px solid #fff">1</td><td style=" border: 1px solid #fff">1</td><td style=" border: 1px solid #fff">1</td>
</tr>
<tr>
<td style=" border: 1px solid #0000FF">1</td><td style=" border: 1px solid #0000FF">1</td><td style=" border: 1px solid #0000FF">1</td>
</tr>
</tbody>
</table>
답변 주신분들 모두 감사합니다..