간단한듯 한데 잘 안되는 테이블 문제 입니다.

간단한듯 한데 잘 안되는 테이블 문제 입니다.

QA

간단한듯 한데 잘 안되는 테이블 문제 입니다.

본문

<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

2109244771_1579662764.35.jpg

 


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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 22
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT