在網頁開發中，JavaScript作為一種實現動態效果的工具，經常需要修改網頁中的CSS樣式。而添加CSS按鈕是其中很常見的一種操作。下面是一個簡單的案例，向大家展示如何通過JavaScript添加CSS按鈕。

/*CSS樣式*/
.button{
background-color: #4CAF50; /*按鈕顏色*/
border: none; /*去除邊框*/
color: white; /*按鈕文字顏色*/
padding: 15px 32px; /*按鈕大小*/
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/*JavaScript代碼*/
var button = document.createElement("button"); //創建按鈕元素
button.innerHTML = "點擊我修改背景顏色"; //設置按鈕文字
button.className = "button"; //設置按鈕樣式
button.onclick = function(){ //定義按鈕點擊事件
var body = document.getElementsByTagName("body")[0]; //獲取網頁body元素
body.style.backgroundColor = "#E6E6FA"; //修改背景顏色
}
document.body.appendChild(button); //添加按鈕到網頁

在上面的代碼中，我們首先定義了一個CSS樣式，命名為button，用于設置按鈕的顏色、大小及文字樣式等。然后通過JavaScript創建了一個button元素，并設置了其內部文字、class樣式及點擊事件處理程序。最后將button元素添加到網頁中。

用戶在點擊按鈕時，代碼中的onclick事件處理函數將被觸發，通過調用document.getElementsByTagName()方法獲取網頁中的body元素，并修改其backgroundColor屬性，實現了修改網頁背景顏色的效果。

這只是一個簡單的示例，實際上JavaScript可以實現的功能遠不止如此。在網頁開發過程中，JavaScript與CSS相輔相成，可以為我們帶來極大的便利和創造力。