Var和CSS結合起來可以讓我們更加靈活地控制網頁中的樣式。使用Var屬性，我們可以輕松地對網頁中的各種屬性進行動態更改，讓網頁更加個性化。下面我們來看看如何使用Var和CSS結合起來實現一些有趣的效果。

/* 定義一個顏色變量 */
:root {
--main-color: #007bff;
}
/* 使用定義的顏色變量 */
h1 {
color: var(--main-color);
}
/* 定義一個字號變量 */
:root {
--font-size: 16px;
}
/* 使用定義的字號變量 */
p {
font-size: var(--font-size);
}
/* 定義一個寬度變量 */
:root {
--width: 100px;
}
/* 使用定義的寬度變量 */
div {
width: var(--width);
}

在上面的例子中，我們分別定義了顏色、字號和寬度三個變量，并且用這些變量來控制網頁的樣式。當我們需要更改樣式時，只需要改變這些變量的值即可，無需更改具體的CSS代碼，非常方便。

總之，使用Var和CSS結合起來可以讓我們更加靈活地控制網頁的樣式，為網頁增加不少個性化的特色，讓用戶體驗更加豐富和舒適。