잡동사니에도 사랑을

[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
반응형

'JAVA_EE > CSS' 카테고리의 다른 글

[21.09.24] practice09(css)  (0) 2021.09.24
[21.09.23]index.html / common.css / main.css (10_webPage) - 웹 페이지 만들기  (0) 2021.09.23
[21.09.23]exam02(09_map)  (0) 2021.09.23
[21.09.23]exam01(09_map) - 지도 좌표 설정  (0) 2021.09.23
[21.09.23]exam03(08_cssDynamic) - 다양한 transform(rotate, skew, translate, scale 활용)  (0) 2021.09.23
'JAVA_EE/CSS' Related Articles more