CSS表格first-child和last-child border-radius不起作用

I'm trying to make a table with border-radius. Since I have different settings in the first and last row of the table (tr:first and last-child), I've created them separately in CSS file. Every setting is right like I want except for border-radius. I'm trying to make a table with border-radius.