<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=>, initial-scale=1.0">
<title>table pra</title>
<style>
caption{position:absolute; left:-99999px;}
table{border-collapse:collapse; border-spacing:0px;}
th, td{text-align:center; padding:10px; border:1px solid #dddddd;}
th{color:#116696; background:#f0f6f9; border-top:3px solid #116688; border-bottom:0;}
th:first-child, td:first-child{border-left:0;}
th:last-child, td:last-child{border-right:0;}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>위키SW</th>
<th>제작자</th>
<th>첫릴리즈</th>
</tr>
</thead>
<tbody>
<tr>
<td>유즈모드위키</td>
<td>clifford Adams</td>
<td>2000년</td>
</tr>
<tr>
<td>모인모인</td>
<td>clifford Adams</td>
<td>2000년</td>
</tr>
<tr>
<td>미디어위키</td>
<td>clifford Adams</td>
<td>2000년</td>
</tr>
<tr>
<td>도쿠위키</td>
<td>clifford Adams</td>
<td>2000년</td>
</tr>
<tr>
<td>위키허브</td>
<td>clifford Adams</td>
<td>2000년</td>
</tr>
</tbody>
</table>
</body>
</html>
반응형
'STUDY > 멀티미디어콘텐츠과정' 카테고리의 다른 글
| #15 CSS 레이아웃 - flexbox (0) | 2021.12.21 |
|---|---|
| #14 CSS 레이아웃 (0) | 2021.12.21 |
| #12 Form태그 연습 (0) | 2021.12.15 |
| #11 스마트문화앱 콘텐츠 설계 (0) | 2021.12.15 |
| #10 블럭 요소와 인라인 요소 (0) | 2021.12.10 |
댓글