고정 헤더 영역
상세 컨텐츠
본문
반응형
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style type="text/css">
*{
font-size: 9pt;
}
.table{
margin: 0px auto;
border-collapse: collapse;
text-align: center;
}
.tableHeader{
height: 25px;
background: #DAD9FF;
}
.tableContent{
height: 25px;
border-bottom: 2px solid #DAD9FF;
}
</style>
</head>
<body>
<div>
<table class="table">
<tr class="tableHeader">
<td style="width: 60px;">번호</td>
<td style="width: 400px;">제목</td>
<td style="width: 60px;">작성자</td>
<td style="width: 60px;">작성일</td>
<td style="width: 60px;">조회수</td>
</tr>
<tr class="tableContent">
<td style="width: 60px;">1</td>
<td style="width: 400px;text-align: left;">html 샘플이다 맘껏써라</td>
<td style="width: 60px;">칼싸움</td>
<td style="width: 60px;">15/02/18</td>
<td style="width: 60px;">544</td>
</tr>
<tr class="tableContent">
<td style="width: 60px;">1</td>
<td style="width: 400px;text-align: left;">html 샘플이다 맘껏써라</td>
<td style="width: 60px;">칼싸움</td>
<td style="width: 60px;">15/02/18</td>
<td style="width: 60px;">544</td>
</tr>
<tr class="tableContent">
<td style="width: 60px;">1</td>
<td style="width: 400px;text-align: left;">html 샘플이다 맘껏써라</td>
<td style="width: 60px;">칼싸움</td>
<td style="width: 60px;">15/02/18</td>
<td style="width: 60px;">544</td>
</tr>
<tr class="tableContent">
<td style="width: 60px;">1</td>
<td style="width: 400px;text-align: left;">html 샘플이다 맘껏써라</td>
<td style="width: 60px;">칼싸움</td>
<td style="width: 60px;">15/02/18</td>
<td style="width: 60px;">544</td>
</tr>
<tr class="tableContent">
<td style="width: 60px;">1</td>
<td style="width: 400px;text-align: left;">html 샘플이다 맘껏써라</td>
<td style="width: 60px;">칼싸움</td>
<td style="width: 60px;">15/02/18</td>
<td style="width: 60px;">544</td>
</tr>
<tr class="tableContent">
<td style="width: 60px;">1</td>
<td style="width: 400px;text-align: left;">html 샘플이다 맘껏써라</td>
<td style="width: 60px;">칼싸움</td>
<td style="width: 60px;">15/02/18</td>
<td style="width: 60px;">544</td>
</tr>
<tr>
<td colspan="5" style="text-align: center;">1 2 3 4</td>
</tr>
<tr>
<td colspan="5">
<div style="float: left;">
<input type="button" value="글쓰기">
</div>
<div style="float: right;">
<form action="#">
<select id="searchKEY" name="searchKEY">
<option selected="selected">제목</option>
<option>내용</option>
<option>작성자</option>
</select>
<input type="text" id="searchVALUE" name="searchVALUE">
<input type="submit" value="검색">
</form>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
칼싸움님 감사합니다 ♥
'관리X 과거글' 카테고리의 다른 글
| JSP applcation.getParameter 하는 방법 (0) | 2015.02.23 |
|---|---|
| 네이버에 웹마스터도구에서 rss요청을 방금함.. (0) | 2015.02.21 |
| 자바 ,네이버 실시간 검색어 html소스 파싱하기 (0) | 2015.02.18 |
| 자바스크립트 글자 하나씩 나왔다가 사라지기 (0) | 2015.02.17 |
| jsp 답변형 게시판 만들기... 4일차...jsp도 4일차.... (0) | 2015.02.17 |
