转载

Bootstrap 圆角图片

.img-rounded:添加 border-radius:6px 来获得图像圆角

语法:

 <img src="..." alt="..." class="img-rounded"> 

案例:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.    <title>Bootstrap 实例 - 圆角图片</title> 
  5.    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
  6.    <script src="/scripts/jquery.min.js"></script> 
  7.    <script src="/bootstrap/js/bootstrap.min.js"></script> 
  8. </head> 
  9. <body> 
  10.  
  11. <img src="/wp-content/uploads/2014/06/download.png"   class="img-rounded"> 
  12.  
  13. </body> 
  14. </html> 

运行结果:

Bootstrap 圆角图片

跨浏览器兼容性

请时刻牢记:Internet Explorer 8 不支持 CSS3 中的圆角属性。

正文到此结束
Loading...