채택완료

테이블 만들기 도와주세요 ㅠㅠ

이런 테이블을 만드려하는데 도저히 해봐도 안되네요

좌측 맨 밑에 2개 분리가 절대 안되네요. 

 

237506203_1737612812.1377.gif

 

 

|

답변 1개

채택된 답변
+20 포인트

Copy
<style>
    table, th, td {
        border: 1px solid;
    }
    td{width: 50px;height: 50px}
    td[colspan='2']{width:100px}
    td[rowspan='2']{height:100px}
</style>
<table>
    <tr>
        <td rowspan="2" colspan="2">1</td>
        <td rowspan="2">1</td>
        <td colspan="3">1</td>
    </tr>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td colspan="2">1</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td rowspan="2">1</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
</table>

답변을 작성하려면 로그인이 필요합니다.