ex03.html 2.42 KB
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
	<title>실습 3-3</title>
 	<link href="./css/ex03.css" rel="stylesheet" type="text/css"> 
</head>

<body>
	<div id="board">
		<div id="header">
			<div class="row">
				<div class="col number">번호</div>
				<div class="col title">제목</div>
				<div class="col date">날짜</div>
				<div class="col name">작성자</div>
			</div>
		</div>

		<div id="content">
			<div class="row">
				<div class="col number">10</div>
				<div class="col title">10번째게시물</div>
				<div class="col date">2015-09-11</div>
				<div class="col name">리지</div>
			</div>
			<div class="row">
				<div class="col number">9</div>
				<div class="col title">9번째게시물</div>
				<div class="col date">2014-08-21</div>
				<div class="col name">권보아</div>
			</div>
			<div class="row">
				<div class="col number">8</div>
				<div class="col title">8번째게시물</div>
				<div class="col date">2014-05-27</div>
				<div class="col name">산다라</div>
			</div>
			<div class="row">
				<div class="col number">7</div>
				<div class="col title">7번째게시물</div>
				<div class="col date">2014-03-15</div>
				<div class="col name">설현</div>
			</div>
			<div class="row">
				<div class="col number">6</div>
				<div class="col title">6번째게시물</div>
				<div class="col date">2013-12-25</div>
				<div class="col name">수지</div>
			</div>
			<div class="row">
				<div class="col number">5</div>
				<div class="col title">5번째게시물</div>
				<div class="col date">2013-10-01</div>
				<div class="col name">수영</div>
			</div>
			<div class="row">
				<div class="col number">4</div>
				<div class="col title">4번째게시물</div>
				<div class="col date">2010-10-01</div>
				<div class="col name">한승연</div>
			</div>
			<div class="row">
				<div class="col number">3</div>
				<div class="col title">3번째게시물</div>
				<div class="col date">2012-10-01</div>
				<div class="col name">정니콜</div>
			</div>
			<div class="row">
				<div class="col number">2</div>
				<div class="col title">2번째게시물</div>
				<div class="col date">2011-10-01</div>
				<div class="col name">김태희</div>
			</div>
			<div class="row">
				<div class="col number">1</div>
				<div class="col title">1번째게시물</div>
				<div class="col date">2010-12-01</div>
				<div class="col name">이민정</div>
			</div>
		</div>

	</div>
</body>
</html>