css - 使用 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;

或者

border-radius: 20px;

Answer 3

如果您的图像是具有透明背景的 gif/png，则设置不透明度即可。

.highlight {
    opacity: 0.7;
}

.highlight:hover {
    opacity: 1;
}