CSS圖片鼠標懸停顏色

CSS是一種用于創建網頁樣式的編程語言，可以用于更改網頁的布局、顏色、字體和其他各種元素。CSS還可以用于更改圖片的鼠標懸停顏色，使圖片更加吸引人。

CSS中的@media queries允許我們使用不同的樣式在不同的設備上運行。例如，我們可以使用@media screen and (max-width: 800px) { }語句來更改樣式，只有在屏幕寬度超過800像素時才會運行。

我們可以使用CSS的@media查詢來更改圖片的鼠標懸停顏色。要更改顏色，只需在查詢中指定鼠標懸停的樣式規則，例如：

```css

@media screen and (max-width: 800px) {

width: 100%;

height: auto;

object-fit: cover;

margin: 0 auto;

cursor: pointer;

請注意，在@media查詢中，我們指定的規則只有在屏幕寬度超過800像素時才會運行。如果我們想要在其他寬度下運行此規則，可以將max-width注釋掉，例如：

```css

@media screen and (max-width: 800px) {

width: 100%;

height: auto;

object-fit: cover;

margin: 0 auto;

cursor: pointer;

使用CSS圖片鼠標懸停顏色可以使圖片更加吸引人，提高用戶體驗。通過使用@media查詢，我們可以在不同的設備上使用不同的樣式，使網頁更加適應不同的屏幕大小。