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