본문 바로가기

배워 남주자

테이블 테두리 가늘게 하는 법

반응형


저처럼 이제 막 태그나 홈페이지에 관심을 가지고 계신 분들이 있을 것입니다. 그래서 책도 보고 하면서 공부를 하면서 실전으로 들어가보면 막히는 것이 한두개가 아닙니다. 왜냐? 이미 눈이 높아져서 촌스럽게 만들고 싶지는 않아서지요. 저도 그렇고. ^^


그 중에서 테이블을 가장 많이 사용하게 되는데, 저는 그 중에서 가장 궁금했던 것이
테이블의 두께 입니다. 원래는 '테두리'가 정확한 표현입니다.

기본적으로 테두리를 지정하실때는 가장 얇은 것이 '1'입니다.
그러나 웹에서 보면 생각보다 얇지 않은 것을 보고 실망을 하시는데요
제가 가장 쉽고, 확실한 방법을 알려드리겠습니다.
여러가지 방법이 있는 것으로 아는데, 제가 해본 결과 이것이 가장 간단하고 확실합니다.

<table width="300" border=1 bordercolor="#DCDCDC" style="border-collapse:collapse;">

가로 300은 임의의 값입니다. 신경쓰실 필요업구요, 붉은색 글자만 보시면 됩니다.
두께를 기본1로 주시고, 색상도 반드시 주신 후에 스타일을 지정하시는 겁니다.
스타일이 뭐냐? 말 그대로 스타일입니다. 그 이상은 저도 설명은 못하겠구요. ㅋㅋㅋ
그래서 저 태그를 테이블 시작태그에 넣어주시면 고민 끝! 입니다.


왼쪽은 테두리1이고, 오른쪽은 같은 1이지만 더 얇게 나온 것을 보실 수 있습니다. 쉽죠? ^^
추천 한방 해주시고, 한번 해보세요. ^^


반응형