[스타일시스] 테이블 점선테두리 만들기
로빈아빠
본문
[스타일시스] 테이블 점선테두리 만들기
초보자용 입니다. 별다른것을 생각하시고 보시는 고수님들께님 죄송합니다. ^^;
스타일 시트를 이용합니다.
먼저 <head>와 </head>사이에 스타일을 잡을 스타일 시트를 지정해줍니다.
* 여기서 보시면 아시겠지만 테이블에 모양을 잡는 내용입니다.
테이블의 굵기는 1로 하고(border:1) 선의 형식은 점선으로 하고(dotted)
선의 색상은 #0000FF로 했습니다. 그리고 여백은 padding:2 3 0로 줬습니다.
초보자용 입니다. 별다른것을 생각하시고 보시는 고수님들께님 죄송합니다. ^^;
스타일 시트를 이용합니다.
먼저 <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>
관련링크
댓글목록
등록된 댓글이 없습니다.