我在悬停时尝试将图像的边框设为红色，但由于某种原因它无法正常工作。我做错了什么？
img: hover {
border: 1px solid red;
}<img src = 'http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
答案 0 :(得分：4)
删除冒号后的空格。它至少适用于Chrome和IE11。
img { border: 1px solid white; }
img:hover {
border: 1px solid red;
}<img src = 'http://www.keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg'>
编辑：如另一个答案中所述，您可能希望在图像周围添加白色边框，以便在将鼠标悬停在图像上时不会移动。我已将其纳入上面的代码段中。
答案 1 :(得分：2)
不能发表评论，但我们在这里谈的是CSS，而不是HTML。
添加边框以默认修复跳转图像。你可以做到
img { border: 1px solid rgba(0,0,0,0); }