CSS樣式是開發網頁所必須要學會的基礎，它通過控制網頁的布局、字體、顏色等方面的屬性來美化頁面。通常在網頁的頭部（head）部分定義CSS樣式，在HTML的頁面中調用樣式即可實現美化頁面的效果。

但有時候，我們需要在JavaScript代碼中也添加樣式，這時就需要用到JS來編寫CSS樣式了。下面就是一個例子：

var myDiv = document.getElementById("myDiv");
myDiv.style.border = "1px solid red";
myDiv.style.width = "200px";
myDiv.style.height = "100px";
myDiv.style.backgroundColor = "yellow";

首先，通過document對象的getElementById方法獲取ID為myDiv的HTML元素，隨后通過style屬性來控制元素的CSS樣式。在此例子中，通過style.border屬性給myDiv添加了1像素紅色邊框，通過style.width和style.height屬性設置了myDiv的寬和高，最后通過style.backgroundColor屬性設置了myDiv的背景色為黃色。

需要注意的是，在JS中添加CSS樣式通常是通過修改DOM（文檔對象模型）上的屬性來實現的。我們通過style屬性可以直接修改元素的CSS屬性值，或者通過className屬性來指定CSS類名，這樣就可以在定義樣式表的時候統一修改樣式了。

總之，使用JS編寫CSS樣式是非常方便實用的，尤其在一些以JS為基礎的動態網頁、Web應用程序中，它更是不可或缺的技能。希望大家在學習CSS時可以結合JS進行實踐，認真總結經驗，從而在Web開發道路上越走越高。