공부합시다/소스&태그

■ 표(테이블) - 외곽선 지우기

나만 보면 아까워 2010. 8. 7. 14:18

■ 표(테이블) - 외곽선 지우기

「 style」이나 그냥 <TABLE」속성으로만 외곽선을 지울 수는 없을까?
흠,,,ㅡㅡ? 뭐,, 일일이 흰색으로 바꾸는 방법도 있겠지만, 그냥 깔끔하게 표의 외곽선을 지우는 방법이다.

1) 기본 태그
↓ 이 표를 이용해 외곽선을 지워보겠다.

1

2

3

4

 

 원하는 부분에 아래 태그를 넣는다.
    (위의 표를 마들어 주는 태그 이다.)

 

 

2) 속성변경하기
테이블이 외곽선을 지우는 태그는 「 FRAME=VOID」를 추가 시켜 주면되는데
기본적으로 가운데 선은 모두 남는다.
위의 태그 속성 중에서 <TABLE」 안에 추가 시켜 주면 된다.
표의 외곽선 중 원하는 부분을 남기고 모두 지울 수도 있다.

* width="250, 색을 수정하고 다른 속성들을 적용시켜 본다.

<TABLE width="250" FRAME=VOID>

 [ 남기려는 부분 ]

 [ 태그 ]

 [적용결과]

기본

아무것도 설정하지
않았을때

1

2

3

4

① 전부지우기

 FRAME=VOID

1

2

3

4

② 아래

 FRAME=BELOW 

1

2

3

4

③ 위

 FRAME=ABOVE

1

2

3

4

④ 위,아래

 FRAME=HSIDES

1

2

3

4

⑤ 왼쪽,오른쪽

 FRAME=VSIDES

1

2

3

4

⑥ 왼쪽

 FRAME=LHS

1

2

3

4

⑦ 오른쪽

 FRAME=RHS

1

2

3

4