·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]css做图片的圆角方法附源代码

时间:2017-11-24 16:32酷播
[html5]css做图片的圆角方法附源代码

效果展示


 

实现代码

  1. <!DOCTYPE html>   
  2. <html>   
  3. <head>   
  4.     <title>JcMan</title>   
  5.     <style type="text/css">   
  6.    
  7.     .image1{    
  8.         margin-top: 100px;    
  9.         width:200px;    
  10.         height:200px;    
  11.         border-radius:200px;    
  12.     }   
  13.    
  14.     .image2{   
  15.         margin-top: 100px;    
  16.         width:200px;    
  17.         height:200px;    
  18.         border-radius:20px;    
  19.     }   
  20.     </style>   
  21. </head>   
  22. <body>   
  23. <center>   
  24. <img class="image1" src="http://www.xxx.com/image/pic/item/pic01.jpg"/>   
  25. <img class="image2" src="http://www.xxx.com/image/pic/item/pic01.jpg" />    
  26. </center>   
  27. </body>   
  28. </html>   

http://blog.csdn.net/china_skag/article/details/70145954

热门文章

请稍候...
  • 锁定云视频大聚惠
  • 相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器