<article id="article">
  <h1>내정보</h1>
  <div class="content">
    <p>내정보다</p>
    <table class="info">
      <thead>
        <tr>
          <th>이름</th>
          <th>나이</th>
          <th>기타정보</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>진우</td>
          <td>27</td>
          <td>
            <table class="etc">
              <tbody>
                <tr>
                  <th scope="row">취미</th>
                  <td>음악감상</td>
                </tr>
                <tr>
                  <th scope="row">특기</th>
                  <td>잠자기</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</article>
#article .info th,
#article .info td {
  padding: 1em;
  border: 2px dashed #00f;   
}

#article .info th {
  color: #fff;
  background-color: #0aa;
}

#article .info .etc th,
#article .info .etc td {
  padding: 0;
  border: 1px solid #000;   
}
#article .info .etc th {
  color: #000;
  background-color: #fff;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.