如何仅使用CSS来绕过我的div标签区域的角落？

我使用div标签来定义网页中的区域.我设置了所有明显的东西,如背景,大小,填充等.但它都是非常方形的.

如何使用仅 CSS圆的角落？

这是一个简单的HTML文档,演示如何通过CSS实现它.

    
        
    
    
            
            

Content Area Content Area Content Area Content Area Content Area Content Area 
Content Area Content Area Content Area Content Area Content Area Content Area 
Content Area Content Area Content Area Content Area Content Area Content Area 
            
            
    

链接到原文:http://blog.yosle.com/2007/09/20/css-round-corners/

您将使用border-radius属性.但是,这仅在CSS3中受支持,而CSS3尚未实现.如果你只需要在几个浏览器中工作,你可以使用-webkit-border-radius和-moz-border-radius,它们可以分别在Safari和Firefox中运行.

如果您不反对使用图像.这是我想出的制作圆形边框的方法.