在網頁設計中,按鈕是非常重要的交互元素。一般情況下,我們使用CSS來控制按鈕的樣式。在這篇文章中,我們將會在按鈕上添加一些特殊功能,使得它可以改變頁面的背景顏色。
如上面的代碼所示,在按鈕的HTML代碼中添加了一個onclick事件,當按鈕被點擊時,調用了一個名為changeColor()的JavaScript函數。在這個函數中,我們使用了CSS的變量document.body.style來改變頁面的背景顏色。
如果我們想要使按鈕能夠隨機改變頁面顏色,我們可以添加一些代碼來生成一個隨機顏色。在上面這段代碼中,我們使用JavaScript的Math對象來隨機生成一個十六進制顏色值,并通過變量document.body.style將頁面背景色更改為該顏色。
在這篇文章中,我們學習了如何使用CSS和JavaScript來控制頁面元素及其樣式。希望這篇文章對你的網頁設計有所啟發。
上一篇css.空格