CSS可以通過鼠標移入盒子變寬的方法來增強網頁的交互性。

.box{
width:50px;
height:50px;
background-color:#ccc;
transition:width 0.3s;
}
.box:hover{
width:100px;
}

上述代碼中，我們首先定義了一個具有50px寬和高的盒子。這個盒子的背景色是#ccc，它也被定義了一個過渡效果，即當它的寬度改變時，將花費0.3秒的時間來實現平滑的過渡。

接下來，我們在:hover偽類中定義了鼠標移入時的寬度為100px。當用戶將鼠標移入盒子區域時，CSS會自動根據我們所定義的過渡效果，將盒子寬度從50px漸變到100px。

這種動態變化的效果可以應用在按鈕、圖片等元素上，使得用戶可以更加直觀地感受到頁面的交互性。通過這種技術，網頁在用戶體驗上也會更加出色。