<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html 두번 째 수업</title>
<style type="text/css">
table, tr{
border: 1px solid blue;
border-collapse: collapse; /* 단선으로 선 하나로 만들어라 참고로 하세용*/
background-color: #ffff00;
}
</style>
--table의 속성을 위에다 정의 해놓고 모든 테이블이 이와 똑같은 속성을 가지게 해놓은것
</head>
<body>
<table border="2" style="width:80%">
<caption>주소록</caption>
<tr>
<th>홍</th>
<th>길동</th>
<th>24</th>
</tr>
<tr>
<td>일</td>
<td>지매</td>
<td>22</td>
</tr>
<tr>
<td>임</td>
<td>꺽정</td>
<td>27</td>
</tr>
</table>
</body>
</html>
'HTML,CSS' 카테고리의 다른 글
| HTML(9)+CSS padding,display,border-radius, (0) | 2018.07.29 |
|---|---|
| HTML(8) + CSS ul,li,ol,dl,dt,dd (0) | 2018.07.28 |
| HTML(6) table, caption,tr,td,th,colspan,rowspan (0) | 2018.07.28 |
| HTML(5) img, br clear (0) | 2018.07.28 |
| HTML(4) font, div, link, a href , #id (0) | 2018.07.28 |