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 결과

테스트 테스트
Posted by JOY [바가지]

댓글을 달아 주세요

  1. *저녁노을* 2017.12.28 03:26 신고  댓글주소  수정/삭제  댓글쓰기

    잘 보고 공감하고 가요
    즐거운 연말 되세요

  2. 홍형2 2017.12.28 09:11 신고  댓글주소  수정/삭제  댓글쓰기

    유용한 정보 잘보고 갑니다!

  3. 본농 2017.12.28 15:57 신고  댓글주소  수정/삭제  댓글쓰기

    오 신기해요. 저도 글쓸때 한 번 활용해봐야겠어요~

    • JOY [바가지] 2017.12.28 19:30 신고  댓글주소  수정/삭제

      테이블 속성은 CSS 로 사용을 대부분 해서 HTML 글을 어느정도 올리고 나서 CSS 관련 글을 올릴려고 합니다. 방문 많이 해 주세요~ ^^ ㅎㅎ

  4. 마음가득 2017.12.28 21:56 신고  댓글주소  수정/삭제  댓글쓰기

    잘 보고갑니다.^^
    추운날씨 감기조심하시고
    편안한 저녁시간되세요