라이브러리
프로그래밍언어, 각종코드, 관련동향, 논문 등의 저장소
테이블 만들기 05

- 테이블의 테두리 색

 

<table border=1 bordercolor="#CCCCCC" cellspacing=0>

   <tr>...............이하 생략^^

 

cellspacing 값에 0을 주지않으면.. 테두리가 두겹으로 안이쁘기때문에 준거랍니다.^^

 

- 테이블의 배경색

 

<table border=1bgcolor="#CCCCCC"cellspacing=0>

   <tr>

      <td>1-1셀</td>

      <td>1-2셀</td>

   </tr>

   <tr>

      <tdbgcolor="#000000">2-1셀</td>

      <td>2-2셀</td>

   </tr>

   <trbgcolor="#C0B15D">

      <td>3-1셀</td>

      <td>3-2셀</td>

   </tr>

</table>

 

table, tr,td 에 각각 배경색을 넣은것이구요.

색말고 배경을 이미지로 깔고 싶을땐..

bgcolor="칼라코드" 대신background="이미지주소"

이렇게 하시면 됩니다.^^

 

색상을 사용하실땐 색의 명칭을 직접입력해도 되요.. white, green, red 등등..

그렇지만.. 좀더 다양한 색표현은 칼라코드를 직접사용하는게 좋답니다.

칼라코드는 포토샾같은 그래픽툴에서 찾아볼수도 있고 제 블로그에 다른분 블로그에서 가져온

색상표도 있으니 참고하세요~^_^

 

잠깐...^^;

border=1 로 설정을 했을때 테이블의 테두리가 좀 뭉뚝하구 보기 안좋죠..?!

앏고 슬림한 선으로 표현하고 싶을땐.....

이렇게 해보세요.. 한 예일뿐.. 방법은 많답니다..^_^

 

<table border=0 cellpadding=0cellspacing=1 bgcolor="#ff9900">

   <tr bgcolor="#ffffff"><td>1-1셀영역</td></tr>

   <tr bgcolor="#ffffff"><td>2-1셀영역</td></tr>

</table>

'Programming > HTML/CSS' 카테고리의 다른 글

페이지 전체의 배경색 및 바탕화면  (0) 2004.05.16
폰트 색상 바꾸기  (0) 2004.05.15
&quot;HTML&quot; 로 내용 정렬하기  (0) 2004.05.10
테이블 만들기 04  (0) 2004.05.01
테이블 만들기 03  (0) 2004.05.01
부분영역에 링크걸기~  (0) 2004.04.27
  Comments,     Trackbacks