1、引jQuery，然后定義元素的style樣式，根據自己的元素來定義，這里隨性定義div的style樣式。

2、接著我們看樣式所帶來的效果，接著開始設置點擊按鈕會產生變化顏色等交互效果。

3、首先，自然是指定好觸發變化顏色的事件，可以是經過觸發等，這里我就點擊即可觸發顏色變化。

4、用css()便可以覆蓋原來元素的樣式了哦。

5、如果是修改元素單個樣式，要用逗號隔開，不可以使用冒號哦。

6、這樣就可以得到交互效果了，但是這只是一個樣式的效果發生了變化，7、可以用大括號裹住多個樣式，逗號分隔樣式，然后樣式值用冒號8、最后樣式交互就大功告成了，多個樣式就會被修改了

介紹一下怎樣更改網頁的背景顏色，如何將一個簡單html頁面的背景色通過設置將其更換。

怎樣更改網頁背景色，怎么設置html網頁背景顏色？

1.如下圖，該html網頁的背景色是純白的，將通過以下示范將改變這個網頁的的背景顏色。

2.先打開Dreamweaver軟件，再用鼠標選中該html網頁文件，將其拖放到DW中打開。

3.打開該html網頁文件后，找到bgcolor后面的色值，直接在里面輸入一個要更換成的顏色值就可以改變該網頁的背景顏色了。

4.除以上方法外，還可以在打開該html網頁后，在DW下面的屬性面板上，點擊頁面屬性。

5.在打開的頁面屬性窗口上，點擊背景顏色，在彈出的色板上，可以直接點擊需要顏色。

6.選擇好顏色后，再點擊頁面屬性窗口上的應用按鈕，再點擊確定。

7.此時，在DW中，就能看到該html頁面的背景顏色已成功的更換過來了，但是還需要點擊文件下面的保存。

8.只有在DW里面先把更改背景后的html網頁文件保存后，現在再在瀏覽器中打開該html網頁，此時修改后的網頁背景色就會顯示出來了。

在HTML中把塊的邊框做成圓角需要利用css的border-radius屬性。