[css] table border에 border-radius 적용하기

table border에 border-radious 적용하기

 

table border에 border-radius

적용하는 방법입니다. 

 

스타일에서 border-radius와 border를 적용시 border가 rounded 처리가 안될 때가 있습니다 .

이럴때는 스타일에 추가적으로 border-collapse: seperate 을 추가하여
기본값이 collapse에서 seperate로 변경해줍니다.

<table style="border-collapse: seperate; border-radius: 6px; border: 1px solid #dedede ">
</table>