๐ HTML\CSS
Table์ CSS์ ์ฉ
Meteora_
2021. 2. 25. 13:20
728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table{
width:100%;
border-collapse: collapse;
}
table, th, td{
border:1px solid black;
}
th{
height: 50px;
background-color: rgb(200,0,255);
color: white;
}
td{
padding: 15px;
}
td.center{
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<th>๋ฒํธ</th><th>์ด๋ฆ</th><th>๋์ด</th>
</tr>
<tr>
<td class="center">1</td><td>ํ๊ธธ๋</td><td>24</td>
</tr>
<tr>
<td class="center">2</td><td>์ฑ์ถํฅ</td><td>16</td>
</tr>
<tr>
<td class="center">3</td><td>์ ์๋</td><td>26</td>
</tr>
</table>
</body>
</html>
๊ฒฐ๊ณผ ->
