css 图片显示为圆形图片

CSS在网页设计中是非常重要的一种样式语言，其用途远不止于设定字体和颜色。今天我们来介绍如何使用CSS将图片显示为圆形图片。

img{
        border-radius: 50%;
}
    

代码中使用了border-radius属性，这个属性用于设定元素的圆角。将值设为50%即可将图片显示为圆形。以下是完整代码：

html>
    head>
    style>
    img{
            border-radius: 50%;
    }
    /style>
    /head>
    body>
        img src="example.jpg" alt="example image">
    /body>
    /html>
    

这样，我们就可以很简单地将图片显示为圆形了。另外，我们也可以使用其它单位如px、em等来设定圆角的大小，根据实际需求来定。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！