Html CSS图像按钮链接调整大小

我正在尝试制作一个链接到我的网站的图像按钮。 链接运行良好，但我的图像出现错误

.dugme{
背景图片：url（“logo.png”）；
位置：绝对位置；
顶部：200px；
右：100px；
宽度：40px；
高度：40px；
}

试试这个

.dugme{
背景：url（“https://i.stack.imgur.com/gUvD1.png）无重复中心；
背景尺寸：包含；
位置：绝对位置；
顶部：200px；
右：100px；
宽度：40px；
高度：40px；
}

试试这个

.dugme{
背景：url（“https://i.stack.imgur.com/gUvD1.png）无重复中心；
背景尺寸：包含；
位置：绝对位置；
顶部：200px；
右：100px；
宽度：40px；
高度：40px；
}

---

看起来您的徽标对于按钮来说太大了。只需尝试使用

背景大小：contain

调整图像大小，使其适合您的按钮

包含：调整背景图像的大小以确保图像完全可见

.dugme{
背景图像：url（“https://i.stack.imgur.com/gUvD1.png");
背景大小：165%；
背景位置：45%53%；
位置：绝对位置；
顶部：200px；
右：100px；
宽度：40px；
高度：40px；
边界半径：100%；
边框：1px纯色灰色；
}

---

看起来您的徽标对于按钮来说太大了。只需尝试使用

背景大小：contain

调整图像大小，使其适合您的按钮

包含：调整背景图像的大小以确保图像完全可见

.dugme{
背景图像：url（“https://i.stack.imgur.com/gUvD1.png");
背景大小：165%；
背景位置：45%53%；
位置：绝对位置；
顶部：200px；
右：100px；
宽度：40px；
高度：40px；
边界半径：100%；
边框：1px纯色灰色；
}

---

使用以下CSS代码并分享您的评论

       .dugme{
        border-radius:100%;
        background-image: url("logo.png");
        background-color:transparent;
        background-size:cover;
        background-position:center;
        border-width:0px;
        outline:none;
        width: 40px;
        height: 40px;
        }

---

使用以下CSS代码并分享您的评论

       .dugme{
        border-radius:100%;
        background-image: url("logo.png");
        background-color:transparent;
        background-size:cover;
        background-position:center;
        border-width:0px;
        outline:none;
        width: 40px;
        height: 40px;
        }

---

---

img和html文件在同一个文件夹中吗？是的，一切都很好。图像也位于同一文件夹和CSS文件中。如果图像位于正确的位置。。图像大小有问题。。按钮大小限制为40px，但图像大小更大。。添加背景大小：包含；或者将图像大小调整为按钮大小。img是否与html文件位于同一文件夹中？是的，一切正常。图像也位于同一文件夹和CSS文件中。如果图像位于正确的位置。。图像大小有问题。。按钮大小限制为40px，但图像大小更大。。添加背景大小：包含；或者将图像大小调整为按钮大小。我复制了该代码，其输出如下：尝试背景大小：封面@HarunDurak你能检查我的答案并分享你的评论吗？我复制了代码，它的输出如下：试试背景尺寸：封面@HarunDurak你能检查我的答案并分享你的评论吗？这似乎是最接近我预期结果的答案。这是它看起来的样子：是的，这是它看起来的样子：图像似乎不在中心，但它是可以接受的。你用过填充物吗？是的，但没有帮助。非常感谢你的努力。试试背景位置：中心；你能发布这个片段吗？什么是桥？因此，我可以清楚地回答这个问题，这似乎是最接近我预期输出的答案。这是它看起来的样子：是的，这是它看起来的样子：图像似乎不在中心，但它是可以接受的。你用过填充物吗？是的，但没有帮助。非常感谢你的努力。试试背景位置：中心；你能发布这个片段吗？什么是桥？好让我能清楚地回答谢谢你，帕特里克，我真的很感谢你的努力！我已经用你的图标更新了它，使它居中而圆。非常感谢你，帕特里克，我真的很感谢你的努力！我用你的图标更新了它，使它居中且圆。