본문 바로가기
프로그래밍/HTML, CSS, JavaScript

HTML 테이블 선 및 여백, 배경색 설정

by Joy [바가지] 2017. 12. 27.

HTML 테이블 선 및 여백, 배경색 설정

 

HTML 테이블 선 및 여백, 배경색 설정

 

테이블 외곽선 및 여백, 배경 색 지정에대하여 알아 보겠습니다.

 

 속성

설명 

 BORDER

테두리의 선의 두께를 설정합니다.

 CELLSPACING

셀과 셀 사이의 여백을 설정합니다.

 CELLPADDING

셀과 문자 사이의 여백을 설정합니다.

 BGCOLOR

배경색을 설정 합니다.

 

예제

예제 1

<TABLE BORDER="1"  CELLSPACING="20">

  <TR>

    <TD BGCOLOR="YELLOW">테스트</TD>

    <TD>테스트</TD>

  </TR>

</TABLE>

 

예제 2

<TABLE BORDER="5" CELLPADDING="20">

  <TR>

    <TD BGCOLOR="#00D8FF">테스트</TD>

    <TD>테스트</TD>

  </TR>

</TABLE>

 

- 예제 1 결과

테스트 테스트

 

- 예제 2 결과

테스트 테스트
반응형

댓글8