CSS可以用來控制HTML文檔中的樣式，用CSS創建鼠標焦點圖可以給網頁增加視覺上的吸引力。在CSS中，可以使用:hover偽類選擇器為鼠標懸停在某個元素上時設置樣式。下面是一個簡單的鼠標焦點圖的例子：

.image {
width: 400px;
height: 300px;
background-image: url('image.jpg');
background-size: cover;
transition: transform 0.3s ease;
}
.image:hover {
transform: scale(1.2);
}

在上面的代碼中，.image表示要應用樣式的元素是一個帶有類名為image的div。width和height屬性分別設置該元素的寬度和高度。background-image屬性設置該元素的背景圖片為image.jpg，并且使用background-size屬性設置該圖片盡可能地覆蓋整個div。transition屬性指定了當該元素的transform屬性發生變化時，應該以何種方式過渡，這里設置的是0.3秒的ease。

在:hover偽類下，我們給該元素的transform屬性設置了一個scale(1.2)，這會使得當鼠標懸停在該元素上時，它的大小變為原來的1.2倍。因為我們在transition屬性中設置了0.3秒的過渡時間，所以鼠標懸停在該元素上時，該元素的大小會逐漸過渡到1.2倍，從而產生一個流暢的效果。

總之，用CSS創建鼠標焦點圖是一種簡單又實用的技巧，可以讓網頁看起來更加美觀和有趣。以上就是一個簡單的例子，你可以根據自己的需要進行改變和擴展。