email html에서 table radius 속성이 적용 안되는 경우

email html을 사용해 사용자에게 메일을 발송하는 경우 테이블 태그를 많이 사용한다. 만약 테이블 태그를 사용했는데 아래와 같은 이슈가 나타난다면?? 나타나는 이슈는 다음과 같다. html 코드에 table 태그를 사용하여 코드를 작성하였고 이 테이블의 border 테두리를 둥글게 radius를 적용하였는데 정상적으로 적용되지 않는 이슈이다. 어떻게 수정해야 할까...


문제는 table 태그에 함께 사용된 border-collapse: collapse; 속성 때문이다. 만약 기존 테이블 코드가 아래와 같은 경우....


이 경우 테두리를 적용하려면 반드시 border-collapse를 제거해야만 가능하다.


아마 정상적으로 border-radius 속성이 적용되었음을 확인할 수 있을 것이다.