专业网站建设品牌，十四年专业建站经验，服务6000+客户--广州京杭网络

免费热线：400-683-0016      微信咨询  |  联系我们

• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

HTML 取图片中间部分，并呈圆形

当前位置：网站建设 > 技术支持

<div class="a1">
    <img src="http://kings.begon.cn/upload/202104/27/202104271020235996.jpg" alt="用户头像" height="50px">
</div>

<style>
    .a1{
        position: relative;
        width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 50%;   --->取圆形
    }
    img{
        position: absolute;
        margin: auto;
        top: -99999px;
        right: -99999px;
        bottom: -99999px;
        left: -99999px;
    }
</style>