Skip to content

[스타일시스] 테이블 점선테두리 만들기

MintState November 3, 2008 at 12:16 PM Views 11512

[스타일시스] 테이블 점선테두리 만들기
   
초보자용 입니다. 별다른것을 생각하시고 보시는 고수님들께님 죄송합니다. ^^;

스타일 시트를 이용합니다.
먼저 <head>와 </head>사이에 스타일을 잡을 스타일 시트를 지정해줍니다.

<head> 
   <style> 
   .table-box {border:1 dotted #0000FF; padding:2 3 0} 
   </style> 
</head> 

 
* 여기서 보시면 아시겠지만 테이블에 모양을 잡는 내용입니다.
  테이블의 굵기는 1로 하고(border:1) 선의 형식은 점선으로 하고(dotted)
  선의 색상은 #0000FF로 했습니다. 그리고 여백은 padding:2 3 0로 줬습니다.

<body> 
<table class=table-box> 
* 미리 css로 지정해둔 것을 class로 불러 들입니다.  (class=table-box) 
<tr> 
<td width=300 height=100>테이블선을 점선으로 나타내기</td> 
* 테이블의 형태를 보기 위해서 임의의 값을 주었습니다. 
</tr> 
</table> 
Share X Facebook LINE QR code

0 comments

Be the first to comment.