응모대상 : LG전자 회원
응모기간 : 2009년 11월 02일 ~ 2009년 12월 06일
당첨발표 :
응모방법 : 동영상 감상 시 나타나는 황금열쇠 3개 클릭 응모
[table3.html]
<html>
<head>
<link rel="stylesheet" type="text/css" href="table3.css" />
</head>
<body>
<table class="boardList">
<tr>
<th class="number">번호</th>
<th class="title">제목</th>
<th class="writer">작성자</th>
<th class="date">작성일</th>
<th class="viewCnt">조회수</th>
</tr>
<tr>
<td>1</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
<tr>
<td>2</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
<tr>
<td>3</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
</table>
</body>
</html>
[table3.css]
.boardList
{
width:100%;
border-top: 1px solid #666;
border-left: 1px solid #666;
text-align:center;
border-collapse:collapse;
}
.boardList th, td
{
padding:10px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.boardList th.number {width: 53px;}
.boardList th.title {width: *;}
.boardList th.writer {width: 70px;}
.boardList th.date {width: 90px;}
.boardList th.viewCnt {width: 60px;}
[설명]
아래는 가느다란 실선 테이블을 만들기에서의 핵심이다.
1. 테이블의 맨 윗쪽선과 왼쪽선을 만드는 부분
.boardList
{
border-top: 1px solid #666;
border-left: 1px solid #666;
}
2. th, td의 오른쪽과 아래쪽 선을 만드는 부분
.boardList th, td
{
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
3. 1, 2번만 하면 선 사이의 간격(th, td)이 벌어져 있어서
간격을 붙여줘야 한다.
border-collapse:collapse;
[table2.htm]
<html>
<head>
<link rel="stylesheet" type="text/css" href="table2.css" />
</head>
<body>
<table class="boardList">
<tr>
<th class="number">번호</th>
<th class="title">제목</th>
<th class="writer">작성자</th>
<th class="date">작성일</th>
<th class="viewCnt">조회</th>
</tr>
<tr>
<td>1</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
<tr>
<td>2</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
<tr>
<td>3</td>
<td>제목</td>
<td>작성자</td>
<td>작성일</td>
<td>조회수</td>
</tr>
</table>
</body>
</html>
[table2.css]
.boardList
{
clear: both;
table-layout: fixed;
font-size: 12px;
width: 100%;
border-collapse: collapse;
color: #ff2d88;
background-color: #fcfcfc;
text-align: center;
border-top: 2px solid #8f73d7;
border-bottom: 1px solid #ececec;
}
.boardList th
{
padding: 0;
font-weight:bold;
height:30px;
}
.boardList td
{
padding: 5px 0px 0px 0px;
font-weight:normal;
color:#333;
height:21px;
border-top:1px solid #ececec;
}
.boardList th.number {width: 53px;background: url('../images/menu_barbg.gif') right no-repeat;}
.boardList th.title {width: *;background: url('../images/menu_barbg.gif') right no-repeat;}
.boardList th.writer {width: 70px;background: url('../images/menu_barbg.gif') right no-repeat;}
.boardList th.date {width: 55px;background: url('../images/menu_barbg.gif') right no-repeat;}
.boardList th.viewCnt {width: 55px;}
휘팍(휘닉스 파크)이 내일(11월 3일 화) 국내 스키/보드장으로는 최초로 오픈을 한다.
이번 오픈은 가개장 형식으로 이루어지며
슬로프는 펭귄 슬로프 한개만 오픈한다.
또한 비용은 무료이다.
갑자기 추워진 날씨에 예년보다는 이른 많은 눈이 내린 강원 산간지역은
대설 주의보가 내릴 정도로 눈이 많이 내렸다.
한편, 휘닉스 파크 이외의 타 스키장도 하루 빨리 스키장을 열려고 박차를 가하고 있다는
소식이다.
휘팍 가개장 정보(변경사항이 발생할 수 있다.)
오픈 날짜 : 2009년 11월 03일(화)
오픈 시간 : 12시 ~ 4시 30분
오픈 슬로프 : 퓅귄 슬로프
비용 : 무료
휘닉스 파크 바로가기
카테고리
|
