HTML和CSS是制作網(wǎng)頁的基礎(chǔ)，其中我們可以使用HTML來構(gòu)建頁面的骨架，使用CSS來增強頁面的樣式。而當(dāng)我們想要更改一個頁面中的樣式時，我們可以使用JavaScript來實現(xiàn)點擊按鈕修改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的元素及操作按鈕。然后，我們在按鈕被點擊時修改目標(biāo)元素的CSS屬性。在這個例子中，我們修改了目標(biāo)元素的背景顏色、寬度和高度。

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