JavaScript是一種廣泛用于Web開發的編程語言，它可以使用一些內置的方法來定義CSS屬性。在這篇文章中，我們將學習如何使用JavaScript定義CSS。

//獲取元素
 const element = document.querySelector('.example');
//定義CSS屬性
 element.style.backgroundColor = 'red';
 element.style.width = '200px';
 element.style.height = '100px';
 element.style.border = '1px solid black';

上面的代碼演示了如何獲取一個元素，并使用JavaScript來定義它的CSS屬性。在這個例子中，我們使用了querySelector方法來獲取一個CSS類名為example的元素，然后使用style屬性來定義它的CSS屬性。

接著，我們可以進一步定義更多的CSS屬性，比如背景顏色、寬度、高度以及邊框。這些屬性可以根據我們的需要任意組合，從而實現讓元素在Web頁面上呈現出我們想要的樣式。

//定義更多的CSS屬性
 element.style.color = 'white';
 element.style.textAlign = 'center';
 element.style.fontSize = '20px';

上面的代碼演示了如何再次使用JavaScript來定義更多的CSS屬性，比如字體顏色、文本對齊方式以及字體大小。通過這些定義，我們可以讓元素在Web頁面上呈現出更加美觀和可讀性強的效果。

總之，使用JavaScript來定義CSS屬性是Web開發中常用的技術之一。通過上述的演示，希望讀者們能夠掌握這種技術，從而使自己的Web項目更加優美和豐富。