在JavaScript中，可以使用style屬性來定義元素的CSS屬性。style屬性是一個對象，其中每個屬性對應(yīng)一個CSS樣式，以下是一些示例：

1、定義元素的樣式：

var element = document.getElementById('myElement');
element.style.backgroundColor = 'red';
element.style.border = '2px solid blue';

2、使用變量設(shè)置樣式：

var color = 'green';
var borderWidth = '3px';
var borderStyle = 'dashed';
var borderColor = 'orange';
var element = document.getElementById('myElement');
element.style.backgroundColor = color;
element.style.border = borderWidth + ' ' + borderStyle + ' ' + borderColor;

3、設(shè)置樣式的快捷方式：

var element = document.getElementById('myElement');
element.style.cssText = 'background-color: purple; border: 4px solid yellow;';

4、添加樣式類：

var element = document.getElementById('myElement');
element.style.className = 'myClass'; // 假設(shè)myClass在CSS中已定義

5、使用!important覆蓋樣式：

var element = document.getElementById('myElement');
element.style.backgroundColor = 'red !important'; // 假設(shè)背景色在CSS中已有定義

style屬性中的樣式設(shè)置會覆蓋CSS中定義的樣式，在使用style屬性時，要謹慎處理樣式的優(yōu)先級問題。