[HTML/CSS] table cell 모서리 둥글게

html로 시간표를 만드는데 모서리를 뾰족하게 말고 둥글게 만드는 방법이 잘 안나와 있어서 직접 작성해봅니다 ㅎㅎ

    <table width=350 height="500" 
    	style="border-collapse: collapse; border-radius: 10px;">
    	.
   	.
    	.
    	.
    </table>

이렇게 테이블 태그를 사용해서 시간표를 만들어주면

이런식으로 형성이 됩니다.

이제 여기서

<style>
	td { 
    	    	/* 둥글게 만들기 */
        	border-top-left-radius: 15px; border-top-right-radius: 15px;
        	border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
        }
</style>

border-top-left-radius 이렇게 적어주면 둥글게 만들어집니다!!

방법을 찾아보면서 왜이렇게 안나오지 했는데 막상 발견하니까 뿌듯하네욥😄