使用CSS突出显示图像？

Question

我有一个圆形图像，我想用红色，黄色或绿色突出显示。 CSS可以用于此吗？

我知道我可以做border:#CCCCCC thin solid;之类的事情，但我希望突出显示的形状与图像相同（在这种情况下为圆圈）。

Answer 1

也许这会有所帮助：

border-radius:50%;
border:#CCCCCC thin solid;

50％的边界半径使边框（及其内容）呈圆形。

Answer 2

也许有帮助：

box-shadow: 0px 0px 3px blue;

OR

border-radius: 20px;

Answer 3

如果你的图像是带有透明背景的gif / png，设置不透明度就可以了。

.highlight {
    opacity: 0.7;
}

.highlight:hover {
    opacity: 1;
}