[21.09.24] practice08(css)

JAVA_EE/CSS

[21.09.24] practice08(css)

luvforjunk 2021. 9. 24. 18:53

728x90

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table {
	border-collapse: collapse;
}

td, tfoot, th {
	border-bottom: 1px solid gray;
	width: 100px;
	height: 20px;
}

thead {
	background: darkgray;
	width: 100px;
	height: 40px;
}
</style>
</head>
<body>
	<h3>2017년 1학기 성적</h3>
	<hr>
	<table>
		<thead>
			<tr>
				<th>이름</th>
				<th>HTML</th>
				<th>CSS</th>
			</tr>
		</thead>
		<tbody align="center">
			<tr>
				<td>홍길동</td>
				<td>80</td>
				<td>70</td>
			</tr>
			<tr>
				<td>고길동</td>
				<td>95</td>
				<td>99</td>
			</tr>
		<tbody>
		<tfoot>
			<tr>
				<th>합</th>
				<th>175</th>
				<th>169</th>
			</tr>
		</tfoot>
	</table>
</body>
</html>

728x90