链接Img边框

Question

是否可以在图像周围有一个边框，这是一个通过CSS链接，所以当我将鼠标悬停在图像上时，图像周围会出现一个边框？我希望每个图像周围有一个5px厚的边框，这是一个链接，但我无法快速完成它:(任何帮助都将非常感激。

Answer 1

如果您不希望内容跳转，您可能希望在图像未悬停时为边框腾出空间：

a img { padding: 5px; }

然后用边框替换填充：

a:hover img { padding: 0; border: 5px solid red; }

Answer 2

您还可以使用透明边框，然后设置颜色：a img { border: 5px solid transparent; }和：a:hover img { border: 5px solid red; }。