note

CSS 테이블 스타일 적용 본문

CSS/기본

CSS 테이블 스타일 적용

투한 2012. 2. 1. 15:12 




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS 테이블 스타일 적용</title>
<!-- collapse 사용 하지 않을경우 th와 td의 경계가 드러남 -->
<style type="text/css">
table {
	border: solid 1px orange;
	border-collapse: collapse
}

th {
	border: solid 1px orange;
	background-color: #FFCC66;
	color: #FFFFFF
}

td {
	border: solid 1px orange
}
</style>
</head>
<body>
	<table width="300" height="200" border="1" cellpadding="2"
		cellspacing="3">
		<tr>
			<th width="100">월</th>
			<th width="100">수</th>
			<th width="100">금</th>
		</tr>
		<tr>
			<td width="100">1</td>
			<td width="100">2</td>
			<td width="100">3</td>
		</tr>
	</table>
</body>
</html>
저작자표시 비영리 변경금지 (새창열림)

'CSS > 기본' 카테고리의 다른 글

CSS 가상선택자 사용  (0) 2012.02.01
CSS ID선택자 사용  (0) 2012.02.01
CSS 클래스 선택자 사용  (0) 2012.02.01
CSS 기본 태그 내부삽입형,문서내 지정형,외부문서 삽입형  (0) 2012.02.01
'CSS/기본' Related Articles more