적수네 동네 - 1원짜리 팁? [ 게시물 수정 ]

	>> Edit article


			이름
			제목
			패스워드

: HTML 작업을 많이 하는데,
: 보통 테이블의 테두리를 아주 가는 실선으로 둘러쌓을때는 테이블 안에 테이블 넣기를 많이 하죠?
: 바깥 테이블에 테두리 없이 배경색을 채우고, 안에 테이블 넣고...
: 그런데 이건 테이블의 구조가 쓸데없이 복잡해지므로 별로 좋은 아이디어도 아닐 뿐더러 모질라 등에서는 흉하게 나오는 문제점도 있죠.
: 그밖에 테이블의 bordercolordark나 bordercolorlight등을 써서 요리해 봐도 맘에도 안 들고 익스 전용이고...
: 이때 CSS의 border 속성을 사용하면 모양도 좋고 다른 브라우저에서도 잘 나오는 실선을 테두리로 넣을 수 있습니다.
: 헤드의 스타일 선언부에 다음과 같이 써 주면 되죠.(물론 인라인 스타일로도 됩니다)
: 
: table {border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-color: #FF6666;}
 table {
  border:none;
  border-bottom:1px #FF6666 solid;
  border-left:1px #FF6666 solid;
} 
 : td {border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
border-left-width:0px; 
border-color: #FF6666;}
: 
 td {
  border:none;
  border-top:1px #FF6666 solid;
  border-right:1px #FF6666 solid;
}
  이렇게 합니다. 저는...
 : td 객체에는 오른쪽, 아래만 1픽셀씩 테두리를 넣는데, 그 이유는 직접 모든 위치에 테두리를 한번 넣어 보시면 바로 알수 있으실 겁니다.
: 
: 아래 사이트로 가시면 예제를 보실 수 있습니다.
: 
: http://m9.pe.kr/css/table/ : 
: 그럼 도움이 되셨기를...
: 
: --
: Setzer Gabbiani!--세상에서 사라져라 18 미국.