테이블(표) 여러가지 테두리 설정 > html

본문 바로가기

html

테이블(표) 여러가지 테두리 설정

작성일 12-05-24 16:50

페이지 정보

작성자서방님 조회 100회 댓글 0건

본문

{TiP} 테이블 외곽테두리 설정

'테이블(TABLE)'의 여러테두리를 간단하게 설정하는 태그 이다.

 

이 태그를 사용하지 않고 [적용결과]와 같은 결과를 얻으려면

칸( <TD」) 마다 스타일(「 style= 」 ) 태그를 사용해 변경해야 하는데 이것을 설정하면 아주 간단하다.

 


v0816-nk920218.gif  가운데 테두리 없애기

 

<TABLE   rules=groups   」 

 

일단 표를 만들고 <TABLE 」안에  「 rules=groups 」을 추가 시켜 주면된다.

 

① 적용태그

<TABLE rules=groups border="1" cellpadding="2" cellspacing="0" width="100" bgcolor="white">
    <TR>
        <TD>
            <P></P>
        </TD>
        <TD>
            <P></P>
        </TD>
        <TD>
            <P></P>
        </TD>
    </TR>
    <TR>
        <TD>
            <P></P>
        </TD>
        <TD>
            <P></P>
        </TD>
        <TD>
            <P></P>
        </TD>
    </TR>
</TABLE>

notice3a_nk920218.gif?type=w2

 

② 적용결과보기

▶ 지정하지 않았을때

 

 

 

 

 

 

(위의 태그에서 표에 색만넣었다.)

 

▶ 지정했을때

 

 

 

 

 

 

(칸이 없어진것이 아니라 선만 없어진 것이다) 

 

 

 

 v0816-nk920218.gif  여러가지 테두리 설정하기

 

맨 윗칸은 테이블의 전체태그이다. 이 태그는 수정하는 것이 아니라 추가시키는 것으로

<TABLE 」 안에 넣어야 한다.

적용시킨 표가 잘 보이도록 아래태그에서 표선에 색상만 따로 지정했다.

 

<TABLE border="1" cellpadding="2" cellspacing="0" width="100%">
    <TR>
        <TD>
            <P></P>
        </TD>
        <TD>
            <P></P>
        </TD>
        <TD>
            <P></P>
        </TD>
    </TR>
    <TR>
        <TD>
            <P>&nbsp;</P>
        </TD>
        <TD>
            <P>&nbsp;</P>
        </TD>
        <TD>
            <P>&nbsp;</P>
        </TD>
    </TR>
    <TR>
        <TD>
            <P>&nbsp;</P>
        </TD>
        <TD>
            <P>&nbsp;</P>
        </TD>
        <TD>
            <P>&nbsp;</P>
        </TD>
    </TR>
</TABLE>

<TABLE rules=groups border="1" cellpadding="2" cellspacing="0" width="100%"  」

[남기려는부분]

 [ 적용태그 ]

 [적용결과]

① 기본표
   (3칸 3줄)

없음

 

 

 

 

 

 

 

 

 

② 외곽만

rules=groups

 

 

 

 

 

 

 

 

 

③ 가운데

frame=VOID

 

 

 

 

 

 

 

 

 

③ 아래

frame=BELOW

 

 

 

 

 

 

 

 

 

④ 위

frame=ABOVE

 

 

 

 

 

 

 

 

 

⑤ 위,아래

frame=HSIDES

 

 

 

 

 

 

 

 

 

⑥ 왼쪽,오른쪽

frame=VSIDES

 

 

 

 

 

 

 

 

 

⑦ 왼쪽

frame=LHS

 

 

 

 

 

 

 

 

 

⑧ 오른쪽

frame=RHS

 

 

 

 

 

 

 

 

 

 

댓글목록

등록된 댓글이 없습니다.

전체 323건 11 페이지
게시물 검색
Copyright © 서방님.kr All rights reserved.
PC 버전으로 보기