如何使用CSS代码将图像显示成一个圆圈图像呢?-(图像信息)


摘要:
下文讲述使用css脚本将图像转换为圆圈图像的方法分享,如下所示:

实现思路:
    1.将图像放置在div中作为背景图
    2.将div设置圆角,则实现圆角图片   

注意事项:
    此方法可运行在市面上所有流行浏览器

例:

<meta charset="UTF-8">
<p>
  maomao365.com<br />
使用css代码实现一个圆圈图像的方法分享
</p>
<hr /> 
<style>
 #divTest{
  background:url(http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png) no-repeat;
  background-size:200px 200px; 

 -moz-border-radius:100px;
 -webkit-border-radius:100px;
  border-radius:100px;
  width:200px;
  height:200px;
 }
</style>
<div id="divTest">
</div>
css将图像设置为圆圈图像的示例分享

css将图像设置为圆圈图像的示例分享