email html을 사용해 사용자에게 메일을 발송하는 경우 테이블 태그를 많이 사용한다. 만약 테이블 태그를 사용했는데 아래와 같은 이슈가 나타난다면?? 나타나는 이슈는 다음과 같다. html 코드에 table 태그를 사용하여 코드를 작성하였고 이 테이블의 border 테두리를 둥글게 radius를 적용하였는데 정상적으로 적용되지 않는 이슈이다. 어떻게 수정해야 할까...
문제는 table 태그에 함께 사용된 border-collapse: collapse; 속성 때문이다. 만약 기존 테이블 코드가 아래와 같은 경우....
<table style="border-collapse: collapse; border-radius: 10px;" height="100">
....
</table>
이 경우 테두리를 적용하려면 반드시 border-collapse를 제거해야만 가능하다.
<table style="border-radius: 10px;" height="100">
...
</table>
아마 정상적으로 border-radius 속성이 적용되었음을 확인할 수 있을 것이다.