봉봉의 개인 블로그

2017-12-21(html 테이블 셀합치기 collspan,rowspan) 본문

입사후 공부한내용

2017-12-21(html 테이블 셀합치기 collspan,rowspan)

봉봉이네 2017. 12. 21. 14:37
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!-- colspan="3" colspan(가로셀 합치기) -->
<!-- rowspan="3" rowspan(세로셀 ) -->
<html>
    <head>
        <style>
            #Table
            {
            background-color:#cccccc;
            padding:5px;
            font-size:12px;
            font-family:돋움;
            }
            #Table th
            {
            background-color:#dddddd;
            }
            #Table td
            {
            background-color:#ffffff;
            }
        </style>
    </head>
    <body>
        <table width="400" cellpadding="0" cellspacing="1" border="0" id="Table">
            <tr>
                <th colspan="3">colspan="3"</th>
                <th colspan="3">colspan="3"</th>
            </tr>
            <tr>
                <td>내용1</td>
                <td>내용2</td>
                <td>내용3</td>
                <td>내용4</td>
                <td>내용5</td>
                <td rowspan="3">rowspan="3"</td>
            </tr>
 
            <tr>
                <td>내용6</td>
                <td>내용7</td>
                <td rowspan="2">rowspan"2"</td>
                <td>내용9</td>
                <td>내용10</td>
            </tr>
 
            <tr>
                <td>내용11</td>
                <td>내용12</td>
                <td>내용14</td>
                <td>내용15</td>
            </tr>
        </table>
    </body>
</html>
cs

참고 블로그 : http://blog.daum.net/mool2000/29


Comments