테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

table colspan, rowspan 이미지처럼 만들려면 어케야하죠.. 채택완료

myfree 1년 전 조회 5,321
답변 2
목록

table은 진짜 너무 어려운것 같아요.

아래 이미지처럼 만들어보려햇는대.. 도무지.... 안되네요

 

http://sir.kr/data/editor/2410/237506203_1728009753.1853.jpg" />

 

 

</p>

<p><table class="table">

    <thead>

        <tr>

            <th></th>

            <th colspan="4"></th>

            <th></th>

            <th></th>

            <th></th>

            <th></th>

        </tr>

    </thead>

    <tbody>

        <tr></p>

<p>            <td></td>

            <td colspan="8"></td>

        </tr>

        <tr></p>

<p>            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

            <td></td>

        </tr>            

    </tbody>

</table></p>

<p>

 

 

#table #html #css
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
세크티
세크티
1년 전

</p>

<pre>
<table class="table " >
    <thead>
    <tr>
        <th rowspan="2"></th>
        <th colspan="4"></th>
        <th rowspan="2"></th>
        <th rowspan="2"></th>
        <th rowspan="2"></th>
        <th rowspan="2"></th>
    </tr>
    <tr>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td></td>
        <td colspan="8"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    </tbody>
</table></pre>

<p>

로그인 후 평가할 수 있습니다

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

솔
솔그루
1년 전

</p>

<p><!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Table Preview - Corrected</title>

    <style>

        table {

            border-collapse: collapse;

            width: 100%;

        }

        td {

            border: 1px solid black;

            padding: 10px;

            text-align: center;

        }

    </style>

</head>

<body>

    <table>

        <tr>

            <td rowspan="2" style="width: 20%;">1</td>

            <td colspan="4" style="width: 40%;">2</td>

            <td rowspan="2" style="width: 10%;">3</td>

            <td rowspan="2" style="width: 10%;">4</td>

            <td rowspan="2" style="width: 10%;">5</td>

            <td rowspan="2" style="width: 10%;">6</td>

        </tr>

        <tr>

            <td style="width: 10%;">7</td>

            <td style="width: 10%;">8</td>

            <td style="width: 10%;">9</td>

            <td style="width: 10%;">10</td>

        </tr>

        <tr>

            <td style="width: 20%;">11</td>

            <td colspan="8">12</td>

        </tr>

        <tr>

            <td style="width: 20%;">13</td>

            <td style="width: 10%;">14</td>

            <td style="width: 10%;">15</td>

            <td style="width: 10%;">16</td>

            <td style="width: 10%;">17</td>

            <td style="width: 10%;">18</td>

            <td style="width: 10%;">19</td>

            <td style="width: 10%;">20</td>

            <td style="width: 10%;">21</td>

        </tr>

    </table>

</body>

</html></p>

<p>

로그인 후 평가할 수 있습니다

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

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

로그인