웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트1
2002.09.19 17:55
오늘은 추석 연휴및 특집으로 테이블 태그에 색상을 넣어 보겠습니다.
**색상
- 색상은 RGB값이나, 헥사코드 16진수 법을 사용해도 됩니다. style시트 태그를 사용해서 색을 입혀도 되고요^^
속성은 bgcolor 을 사용합니다. bgcolor=background color의 약자입니다.
제일 먼저 테이블 태그는 <table><tr><td>표</td></tr></table> (Or th)이 있다는것은 다 알지요? -_-;
이걸 알아야 표에 색상을 넣지요^^ 색상은 tr,td,table에 다 들어갑니다. th부분에도 들어갑니다.
음..저는 td 부분에 넣어보도록 하죠^^
예제1) <table border="1"><td bgcolor='#000000'><font color=white>검은색 표칸</td></tr></table> 을 하세요!
그다음은.. tr부분에 넣어보도록 하는데; td와 약간 다릅니다. td는 단순히 td부분의 '검은색 표칸' 지역에만 색이 입혀 지고요..tr은 행과 열이 이어지는곳 까지 색이 채워질것입니다.
예제2) <table border="1"><tr bgcolor=green><td>그린</td></tr></table>
그리고 테이블 표에 넣도록 해보겠습니다.
예제3) <table border="1" bgcolor=orange><tr><td>오렌지</td></tr></table>
그리고 스타일 시트 태그를 이용하여 색상을 넣도록 해볼께요!!
예제4) <table border="1"><tr><td style="background-color:yellow">스타일 시트의 노락색을 입힐경우</td></tr></table> 을 사용할수도 있습니다.
이외 borderdarkcolor 이라는 속성도 있습니다. 표의 테두리의색상은 아주 진하게 하는 속성과 있는데;
이것도 나중에 차츰 차츰 공부 하도록하죠^^
**색상
- 색상은 RGB값이나, 헥사코드 16진수 법을 사용해도 됩니다. style시트 태그를 사용해서 색을 입혀도 되고요^^
속성은 bgcolor 을 사용합니다. bgcolor=background color의 약자입니다.
제일 먼저 테이블 태그는 <table><tr><td>표</td></tr></table> (Or th)이 있다는것은 다 알지요? -_-;
이걸 알아야 표에 색상을 넣지요^^ 색상은 tr,td,table에 다 들어갑니다. th부분에도 들어갑니다.
음..저는 td 부분에 넣어보도록 하죠^^
예제1) <table border="1"><td bgcolor='#000000'><font color=white>검은색 표칸</td></tr></table> 을 하세요!
그다음은.. tr부분에 넣어보도록 하는데; td와 약간 다릅니다. td는 단순히 td부분의 '검은색 표칸' 지역에만 색이 입혀 지고요..tr은 행과 열이 이어지는곳 까지 색이 채워질것입니다.
예제2) <table border="1"><tr bgcolor=green><td>그린</td></tr></table>
그리고 테이블 표에 넣도록 해보겠습니다.
예제3) <table border="1" bgcolor=orange><tr><td>오렌지</td></tr></table>
그리고 스타일 시트 태그를 이용하여 색상을 넣도록 해볼께요!!
예제4) <table border="1"><tr><td style="background-color:yellow">스타일 시트의 노락색을 입힐경우</td></tr></table> 을 사용할수도 있습니다.
이외 borderdarkcolor 이라는 속성도 있습니다. 표의 테두리의색상은 아주 진하게 하는 속성과 있는데;
이것도 나중에 차츰 차츰 공부 하도록하죠^^