>> Delete Reply from No. 3298 article
No. RE: [HTML]실선으로 테두리 넣기

등록 2003-01-26 21:32:00     조회 6
이름 김용성    

		: HTML 작업을 많이 하는데,
: 보통 테이블의 테두리를 아주 가는 실선으로 둘러쌓을때는 테이블 안에 테이블 넣기를 
: 많이 하죠? 바깥 테이블에 테두리 없이 배경색을 채우고, 안에 테이블 넣고...
: 그런데 이건 테이블의 구조가 쓸데없이 복잡해지므로 별로 좋은 아이디어도 아닐 뿐더러
:  모질라 등에서는 흉하게 나오는 문제점도 있죠. 그밖에 테이블의 bordercolordark나 bordercolor
: light등을 써서 요리해 봐도 맘에도 안 들고 익스 전용이고... 이때 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 미국.
[관리자] 패스워드를 입력 하십시오. 답장이 존재하면 함께 삭제됩니다.[ 목록 | 이전 ]
패스워드:    

Copyleft 1999-2026 by JSBoard Open Project
Theme Designed by IDOO All right reserved