Html 圆拟合整幅图像

。圈出边框{
宽度：125px；
高度：125px；
位置：相对位置；
-webkit边界半径：50%；
-moz边界半径：50%；
-ms边界半径：50%；
-o-边界半径：50%；
边界半径：50%；
}
.文本{
字号：18px；
填充：10px 0px 0px；
线高：正常；
}
.图像1{
显示：内联；
保证金：0自动；
高度：125px；
宽度：自动；
边框：4px实心#FFF；
边界半径：62.5px；
}
.circle_边框：悬停。图像1{
背景：透明；
边框：4px实心#67508F；
光标：指针；
颜色：透明！重要；
利润上限：4倍；
/*{Shadow}*/
长方体阴影：插入0 5px 0#333；
-moz盒阴影：插入0 5px 0#333；
-webkit盒阴影：插入0 1px 2px 0#333，0 1px 1px 0#fff；
} 
.circle_border:悬停.Text{
光标：指针；
颜色：#67508F！重要；
}

医生

您可以这样做

div{width:125px；
高度：125px；
边框：1px实心；
边界半径：50%；
位置：相对位置；
背景：#ccc；}
img{宽度：65%；
位置：绝对位置；
顶部：10px；
左：22px；}

您可以这样做

div{width:125px；
高度：125px；
边框：1px实心；
边界半径：50%；
位置：相对位置；
背景：#ccc；}
img{宽度：65%；
位置：绝对位置；
顶部：10px；
左：22px；}

这样做

.circle_border img{
   display: block;
   max-width: 100%;
   height: auto;
   border-radius:50%;
}

这样做,

.circle_border img{
   display: block;
   max-width: 100%;
   height: auto;
   border-radius:50%;
}

---

您应该为图像包装器设置

边框

、

边框半径

和大小。图像本身的宽度应为100%。这样，您就可以通过包装器控制块样式

---

请参见

您应该为图像包装设置

边框

、

边框半径

和大小。图像本身的宽度应为100%。这样，您就可以通过包装器控制块样式

---

查看

请同时粘贴您的HTML代码：）您可以为此创建一个代码段吗？您可以将图像作为圆圈的背景，并使用背景大小：contain必须保持宽度为125px？我曾尝试制作代码段，但我不知道如何在代码段中添加图像。125px是必需的，因为我想使用它作为我的问题的选项。请同时粘贴您的HTML代码：）您可以为此创建一个片段吗？您可以将图像作为圆圈的背景，并使用背景大小：contains必须保持宽度125px？我曾尝试创建片段，但我不知道如何在片段中添加图像。125px是必要的，因为我想用它作为我的问题的选项。