Html 如何使用CSS在图像周围设置透明边框？

我试图创建一个椭圆形的形状悬停时，有人悬停在链接。通过这样做，我失去了图像，这是链接的一部分。我知道我做错了什么，但是什么

.pagelinks{
浮动：对；
右边距：48%；
显示：内联块；
背景尺寸：封面；
背景重复：无重复；
颜色:"828282 ;；
}
.pagelinks a{
文字装饰：无；
显示：内联块；
背景重复：无重复；
}
.pagelinks a img：悬停{
边界半径：3px；
边框：1px实心--8282；
填充：7px；
宽度：1px；
高度：0.5px；
}

|第{5}页，共{6}页|

就像@Michael Cocker所说的，您将图像大小设置为基本为零。不要这样做，可能会移除填充物。如果需要，它将在悬停时移动，因此可能会在悬停前将其添加到图像中

您提到的是椭圆形，但其

边界半径

为

3px

，这并不是很多，因此需要增加。如果图像的高度和宽度相等，使用

50%

将得到一个圆，否则它将是一个椭圆形

.pagelinks{
浮动：对；
右边距：48%；
颜色:"828282 ;；
}
.pagelinks a{
文字装饰：无；
}
.pagelinks-img{
边框：1px实心透明；
}
.pagelinks img：悬停{
边界半径：3px；
边框：1px实心--8282；
}

|第{5}页，共{6}页|

这不是HTML，请发布生成的HTML。此外，试着更明确地表达你的最终目标。您是否试图将图像制作成椭圆形、覆盖椭圆形或其他形状？是否可以包含呈现的html，而不是此模板/框架代码？是否可以制作一个工作片段？解决这个问题会更容易。（你可以直接在问答中制作片段，在编辑器中有一个按钮）编辑：哇，我迟到了。你能把你的最终目标包括进去吗？您正在将

img

更改为

width:1px；高度：悬停时为0.5px

，所以它当然会很小。。。不确定你想做什么。可能重复的没有问题。我在上面的评论中对我的建议很傲慢。只是想为StackOverflow的所有用户——那些试图回答的用户和那些可能会发现这篇文章在未来有用的用户——获取清晰、简洁的信息和示例。最大的问题是人们不想解决问题，因此大多数时候他们甚至不去考虑这个问题。他们只用一个字就把这个问题标记为重复。无论如何，再次谢谢你。