关于table边框，设置了border-collapse:collapse之后，设置border-radius没效果

做项目遇到边框需要设置圆角，然后发现在设置了border-collapse:collapse之后，border-radius:10px不起作用了，发现这个是css本身的问题，两者不能混在一起使用。

代码：

    
    
    


    


































        
            
                
ID
                
姓名
                
性别
                
年龄
            
        
        
            
                
1
                
王皓
                
男
                
28
            
            
                
2
                
王皓
                
男
                
28
            
            
                
3
                
王皓
                
男
                
28
            
            
                
4
                
王皓
                
男
                
28
            
        
    



效果图：
　　

解决方法：
　　个人采取了比较笨拙的方法，将border-collapse属性值改为separate，并重新在CSS中写table td等的边框样式。
　　欢迎有更好的方法的网友指正。

转载于:https://www.cnblogs.com/chuyanfenfei/p/8034689.html