목차
접기
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>테이블_병합2</title>
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid green;
}
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2">구분</th>
<th colspan="3">내행성</th>
<th colspan="5">외행성</th>
</tr>
<tr>
<td>수성</td>
<td>금성</td>
<td>지구</td>
<td>화성</td>
<td>목성</td>
<td>토성</td>
<td>천왕성</td>
<td>해왕성</td>
</tr>
<tr>
<td>거리</td>
<td>7000Km</td>
<td>0Km</td>
<td>10000Km</td>
<td>7000Km</td>
<td>5000Km</td>
<td>9000Km</td>
<td>10000Km</td>
<td>3000Km</td>
</tr>
</table>
</body>
</html>728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| 폼태그 기초 시작(input type=button/reset/submit/image/text/password/checkbox/radio/file/hidden... (0) | 2021.06.02 |
|---|---|
| form 데이터 전달을 위한 기초 개념 (0) | 2021.06.01 |
| html, css table 태그 collapse 속성 사용 방법 (0) | 2021.05.31 |
| 중첩 태그 사용 예시 (0) | 2021.05.31 |
| video 태그 재생 전 이미지 삽입하는 방법(썸네일 만드는 방법) (0) | 2021.05.31 |