HTML和CSS是制作網頁的基礎，其中我們可以使用HTML來構建頁面的骨架，使用CSS來增強頁面的樣式。而當我們想要更改一個頁面中的樣式時，我們可以使用JavaScript來實現點擊按鈕修改CSS。

// 首先，我們需要選中需要修改CSS的元素
const target = document.querySelector('.target-elem');
// 然后選中需要暴露操作的按鈕
const button = document.querySelector('.change-style-btn');
button.addEventListener('click', () =>{
// 接著，在點擊按鈕時修改需要的CSS
target.style.backgroundColor = 'red';
target.style.width = '50%';
target.style.height = '200px';
});

在上面的代碼中，我們首先選中需要修改CSS的元素及操作按鈕。然后，我們在按鈕被點擊時修改目標元素的CSS屬性。在這個例子中，我們修改了目標元素的背景顏色、寬度和高度。

這種方法可以應用于許多不同的情況。例如，我們可以使用它來根據不同的時間段更改網站中的主題顏色，也可以在鼠標懸停元素時更改其樣式。