在CSS中，我們可以通過使用偽類（:hover）來設(shè)置鼠標(biāo)劃過時(shí)出現(xiàn)花紋的樣式，以下是一個(gè)簡單的示例，展示了如何為鼠標(biāo)指針添加花紋效果：

.element {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  border: 1px solid #000;
}
.element:before, .element:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('pattern.png'); /* 替換為你的花紋圖片 */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid #000;
}
.element:before {
  z-index: -1;
}
.element:after {
  z-index: 1;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)帶有背景顏色的元素，并在其偽元素（:before和:after）上添加了花紋圖片，通過設(shè)置偽元素的position屬性為absolute，我們可以確保它們覆蓋在原始元素上，通過z-index屬性調(diào)整偽元素的堆疊順序。

你需要將pattern.png替換為你想要的花紋圖片的路徑，你還可以根據(jù)需要調(diào)整元素的尺寸、邊框樣式等屬性，這種方法可以為你的網(wǎng)站添加一些獨(dú)特的交互效果，提升用戶體驗(yàn)。