CSS 鼠標放上變色是一種常見的 CSS 樣式，可以讓網頁上的元素在鼠標懸停時發生變化。這種樣式可以通過設置元素的 `style` 屬性來實現。下面是一個基本的示例：

```html

<div style="cursor: pointer;">

<span>這是一個文字</span>

</div>

在上面的代碼中，我們使用了 `cursor: pointer;` 屬性來設置元素的鼠標懸停時的樣式。這個屬性可以讓元素變成可點擊的狀態，方便用戶進行操作。

除了 `cursor: pointer;` 外，還可以通過其他屬性來控制元素的樣式。例如，可以設置元素的移動方式、旋轉方式、放大縮小方式等。下面是一個更加詳細的示例：

```html

<div style="cursor: pointer; width: 100px; height: 100px; background-color: blue;">

<span>這是一個文字</span>

</div>

在上面的代碼中，我們使用了 `cursor: pointer;` 屬性來設置元素的鼠標懸停時的樣式，并設置了元素的的寬度和高度。同時，我們還設置了元素的 background-color 為藍色，以顯示元素的背景。

除了元素本身的樣式外，還可以通過 CSS 選擇器來控制元素的樣式。例如，可以使用 `:hover` 選擇器來設置元素在鼠標懸停時的變化。下面是一個更加詳細的示例：

```html

<div style="cursor: pointer; width: 100px; height: 100px; background-color: blue;">

<span>這是一個文字</span>

</div>

<style>

.my-class:hover {

width: 200px;

height: 200px;

</style>

在上面的代碼中，我們使用了 `.my-class:hover` 選擇器來設置元素在鼠標懸停時的變化。這個選擇器中，`:hover` 表示鼠標懸停時的變化，`.my-class` 表示要設置鼠標懸停時的樣式的對象。在這個例子中，我們設置了元素的寬度和高度在鼠標懸停時變為 200 像素。

CSS 鼠標放上變色是一種非常實用的 CSS 樣式，可以讓網頁上的元素在鼠標懸停時發生變化，方便用戶進行操作。通過使用不同的 CSS 屬性和選擇器，可以控制元素的樣式，使其更加符合用戶的需求。