<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
table{
border : 5px solid gold;
margin : 20px;
}
td{
width : 250px;
height : 80px;
font-size : 40px;
text-align : center;
}
caption{
font-size : 2.5em;/* em : 배 */
caption-side : top;
/* border : 2px solid blue; */
margin-top : 20px;
margin-bottom : 20px;
letter-spacing : 50px;
}
</style>
</head>
<body>
<table border="1">
<caption>시간표</caption>
<tr>
<td colspan="2">1</td>
<td colspan="2">2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td colspan="4">1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td colspan="4">1</td>
<td colspan="2" rowspan="2">2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
😊 실행
'웹프로그래밍(HTML, CSS3, JavaScript)' 카테고리의 다른 글
| [HTML& Script] div와 span (0) | 2022.12.22 |
|---|---|
| [HTML] iframe (0) | 2022.12.20 |
| [HTML] 테이블 -1220 (0) | 2022.12.20 |
| [HTML/notepad++] id를 이용한 a링크-1219 (0) | 2022.12.20 |
| [HTML/notepad++] 구분선-1219 (0) | 2022.12.19 |