Border Radius of Table is not working

Question

I want to add a border radius around the entire table. But the following code is not working in both the latest versions of Firefox and Google Chrome.

HTML

Answer 1

                    

                    

                    


                        

                            
ID
                            
Title
                            
Parent ID
                            
Action
                        
                    
                            

                                
1
                                
News
                                
News Cate
                                
 Edit  Del
                            
                            

                                
2
                                
Products
                                
Main Products
                                
 Edit  Del
                            
                            

                                
3
                                
Blogs
                                
Parent Blogs
                                
 Edit  Del
                            
                    
                    
                

Css

.custab{
    border: 1px solid #ccc;
    margin: 5% 0;
    transition: 0.5s;
    background-color: #fff;
    -webkit-border-radius:4px;
    border-radius: 4px;
    border-collapse: separate;
}