표태두리색

이제 선의 색을 한번 해볼께여~!! 우리 표의 테두리를 보이게 하는 명령어가..border=n 이였져?? 그럼 표이 테두리 색은 bordercolorlight와 bordercolordark를 씁니다. 마찬가지로 형식은 bordercolorlight=색명/RGB코드값이겠죠...bordercolordark도 마찬가지구여~! Tag <center>인기순위 차트 <table border=1 bordercolorlight=red bordercolordark=pink> <tr> <Td align=center>순위</td> <Td align=center>가수</td> <Td align=center>제목</td> <tr> <Td align=center>1</td> <Td align=center>엄정화</td> <Td align=center>다가라</td> <tr> <Td align=center>2</td> <Td align=center>차태현</td> <Td align=center>I LOVE YOU</td> <tr> <Td align=center>3</td> <Td align=center>김범수</td> <Td align=center>하루</td> </table></center> 결과 인기순위 차트 순위 가수 제목 1 엄정화 다가라 2 차태현 I LOVE YOU 3 김범수 하루 선의 색이 바뀌었습니다. 자세히 보시면 bodercolorlight는 어느 부분이고 bordercolordark는 어느부분인지 구별이 가실겁니다. 위와 같이 따로 구분지어서 색을 지정해 줄수도 있지만...그냥 한색 지정도 가능합니다. 그럴땐 우리가...구분짖지 말고 bordercolor=색명만 써주시면 됩니다. 그리고...table 앞에 center를 써 줬습니다. 이는..표 자체를 가운데 정렬 한다는 뜻입니다. 위에 예제를 약간만 변경해 보겠습니다. Tag <center>인기순위 차트 <table border=5 bordercolor=green bgcolor=#EDF9FF> <tr> <Td align=center bgcolor=#B3E5FF>순위</td> <Td align=center bgcolor=#B3E5FF>가수</td> <Td align=center bgcolor=#B3E5FF>제목</td> <tr> <Td align=center>1</td> <Td align=center>엄정화</td> <Td align=center>다가라</td> <tr> <Td align=center>2</td> <Td align=center>차태현</td> <Td align=center>I LOVE YOU</td> <tr> <Td align=center>3</td> <Td align=center>김범수</td> <Td align=center>하루</td> </table> 결과 인기순위 차트 순위 가수 제목 1 엄정화 다가라 2 차태현 I LOVE YOU 3 김범수 하루 테두리의 색도 바꾸고... 테두리도 더 굵게 했습니다. 표와 셀 색도 한번 바꿔봤습니다. 그럼 표 크기도 지정해보겠습니다. 표 크기는 이미 만들어와서 아시겠지만... 가장 긴 글씨에 맞춰져서..표가 만들어집니다. 셀 안에 글씨가 별로 없다면 표는 굉장히 작아지겠죠~!! 그래서...표의 크기를 혹은 셀의 크기를 사용자가 원하는 만큼 키울수 있습니다. 그럼 위에 표를 약간 수정해보겠습니다. 아래를 보시져~!! Tag <center>인기순위 차트 <table border=5 bordercolor=green bgcolor=#EDF9FF width=100% height=300> <tr> <Td align=center bgcolor=#B3E5FF>순위</td> <Td align=center bgcolor=#B3E5FF>가수</td> <Td align=center bgcolor=#B3E5FF>제목</td> <tr> <Td align=center>1</td> <Td align=center>엄정화</td> <Td align=center>다가라</td> <tr> <Td align=center>2</td> <Td align=center>차태현</td> <Td align=center>I LOVE YOU</td> <tr> <Td align=center>3</td> <Td align=center>김범수</td> <Td align=center>하루</td> </table> 결과 인기순위 차트 순위 가수 제목 1 엄정화 다가라 2 차태현 I LOVE YOU 3 김범수 하루 표의 가로 길이와 세로 높이가..내가 지정한 만큼..커졌습니다. 그 명령어는 가로 길이 : width=수치/퍼센트, 세로길이 : height=수치입니다. 사용자가 원하는 만큼..키울수 있죠...^^;; 정리해서.... bgcolor=색명/RGB코드 배경색 지정(셀 또는 표 아니면 body영역의 색도 지정가능) bordercolorlight=색명/RGB코드 bordercolordark=색명/RGB코드 bordercolor=색명/RGB코드 표의 테두리 색 지정(밝은곳과 어두운곳 다른색으로 지정 가능) align=left,right,center 표 안에서 정렬..왼쪽, 오른쪽, 가운데 정렬 width=수치/퍼센트 표의 가로 길이지정 height=수치/퍼센트 표의 세로 길이지정