CSS實現(xiàn)鼠標移入列表進行更換效果的方法

在CSS中，我們可以使用:hover偽類來實現(xiàn)鼠標移入列表進行更換的效果，以下是一個簡單的示例：

HTML代碼：

<ul>
  <li>列表項1</li>
  <li>列表項2</li>
  <li>列表項3</li>
</ul>

CSS代碼：

ul {
  list-style-type: none;
}
li {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: background-color 0.3s;
}
li:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}

在這個示例中，我們定義了一個無序列表，并給列表項添加了一些樣式，我們使用:hover偽類來定義當鼠標移入列表項時，背景顏色會變?yōu)?f8f9fa，并且鼠標指針會變?yōu)槭中?，這樣，當鼠標移入列表時，列表項就會進行更換。