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 결과
| 테스트 | 테스트 |
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
| HTML 콤보박스(SELECT) 태그 (0) | 2018.01.03 |
|---|---|
| HTML 프레임(FRAME) 만들기 (5) | 2017.12.28 |
| HTML 테이블 선 및 여백, 배경색 설정 (8) | 2017.12.27 |
| HTML 테이블 만들기 기본 태그 (8) | 2017.12.21 |
| HTML 이미지 삽입하기 - IMG 태그 (2) | 2017.12.16 |
| HTML 링크(연결) 태그 (2) | 2017.12.11 |
댓글을 달아 주세요
잘 보고 공감하고 가요
즐거운 연말 되세요
ㅎㅎ 네 감사합니다
유용한 정보 잘보고 갑니다!
좋은하루되세요~^^
오 신기해요. 저도 글쓸때 한 번 활용해봐야겠어요~
테이블 속성은 CSS 로 사용을 대부분 해서 HTML 글을 어느정도 올리고 나서 CSS 관련 글을 올릴려고 합니다. 방문 많이 해 주세요~ ^^ ㅎㅎ
잘 보고갑니다.^^
추운날씨 감기조심하시고
편안한 저녁시간되세요
감사합니다~^^