DIV+CSS实现圆角的案例

作者:佚名 来源:网络 点击数: 发布时间:2012年01月14日

在网上看到一篇文章关于用DIV CSS实现圆角的案例,,但显示效果很美跟大家分享一下

效果图如下:

 



透明圆角化图片



   
   

       
       
 
             

圆角图片方案一


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案二


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案三


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案四


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案五


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案六


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案七


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案八


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客


       

           
   

   
   
   

       
       
 
             

圆角图片方案九


             
标题采用一张上下渐变的图片以水平平铺方式实现,看看图片的也可以做成外圆角透明的效果了。

" title="更多内容请访问博客">博客