CSS是構建網頁樣式的一個重要工具，它可以為HTML元素添加樣式，控制頁面布局、字體、顏色等等。在這篇文章中，我們將學習如何用CSS將圖片高亮顯示。

img:hover {
opacity: 0.7;
}

在上面的代碼中，使用了偽類:hover選擇器，當用戶將鼠標懸停在圖片上時，會觸發此選擇器的代碼。Opacity屬性控制圖片的不透明度，數值從0到1，這里設置為0.7，使圖片略顯半透明，有高亮效果。

如果你想要使用其他的高亮效果，比如改變邊框、陰影效果等等，以下是一些代碼供你參考：

/* 按鈕效果 */
img:hover {
cursor: pointer;
transform: translateY(-1px);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
/* 邊框效果 */
img:hover {
border: 2px solid #f44336;
}
/* 陰影效果 */
img:hover {
box-shadow: 0 0 10px #f44336;
}

以上是一些常用的圖片高亮效果，可以根據需要選擇不同的樣式代碼進行調整。希望這篇文章能夠幫助你更好地掌握CSS，讓你的網頁更加精美。