IT노트(구)/HTML/CSS
html table 테두리 가늘게 만들기(외곽선 두 줄 없애기)
스프링연구소
2015. 12. 1. 07:06
기본 세팅만 된 상태라면
table은 외곽선이 두 줄로 나올 것이다!(다음과 같이 촌스럽게 나온다!)
AAA | BBB |
CCC | DDD |
이걸 예쁘게(?) 만들려면(가늘게 나오게 하려면)
다음과 같이 세팅하면 된다.(border-collapse 스타일을 주면 된다.)
<table border=1 style="border-collapse: collapse;">
</table>
그러면 한 줄로 예쁘게 나온다!
AAA | BBB |
CCC | DDD |