Question

CSS如何让鼠标悬停时图片下带下划线

a:hover{text-decoration:underline;}
这个代码只能让文字下出现下划线，图片底下也想出现下划线怎么实现？

Answer 1

1. 可以制作一张带有下划线的图片，在hover状态替换。

2. 可以考虑给img加border-bottom，来实现下划线的效果。
   

Answer 2

很简单啊，悬停时设置图片下边框就行
img:hover{
border-bottom: 1px solid #000;
}

Answer 3

img:hover{border-bottom:1px solid #000000;}