>> 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;} td {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width:0px; border-color: #FF6666;} td 객체에는 오른쪽, 아래만 1픽셀씩 테두리를 넣는데, 그 이유는 직접 모든 위치에 테두리를 한번 넣어 보시면 바로 알수 있으실 겁니다. 아래 사이트로 가시면 예제를 보실 수 있습니다. http://m9.pe.kr/css/table/ 그럼 도움이 되셨기를... -- Setzer Gabbiani!
Copyleft
1999-2026 by
JSBoard Open Project
Theme Designed by
IDOO
All right reserved