在JavaScript中編寫多行CSS樣式的方法如下：

1、定義樣式變量：您可以在JavaScript中定義一個(gè)字符串變量，該變量包含您想要應(yīng)用的CSS樣式。

let style = `
    color: blue;
    font-size: 16px;
    background-color: lightgreen;
    padding: 10px;
    border: 1px solid black;
    margin: 20px;
`;

2、應(yīng)用樣式：您可以使用JavaScript的style屬性將樣式應(yīng)用到HTML元素上，假設(shè)您有一個(gè)ID為myElement的元素，您可以通過以下方式應(yīng)用樣式：

document.getElementById('myElement').style = style;

或者，如果您使用的是類（class）而不是ID，您可以這樣寫：

document.getElementsByClassName('myClass')[0].style = style;

3、樣式塊：如果您需要在一個(gè)元素上應(yīng)用多個(gè)樣式規(guī)則，可以將它們組合成一個(gè)樣式塊。

let styleBlock = `
    .myClass {
        color: blue;
        font-size: 16px;
        background-color: lightgreen;
        padding: 10px;
        border: 1px solid black;
        margin: 20px;
    }
    #myElement {
        color: red;
        font-weight: bold;
    }
`;

您可以使用styleSheet屬性將樣式塊添加到HTML文檔中：

let styleSheet = document.createElement('style');
styleSheet.type = 'text/css';
styleSheet.innerHTML = styleBlock;
document.head.appendChild(styleSheet);

通過這種方式，您可以在JavaScript中編寫和應(yīng)用多行CSS樣式，使HTML元素具有各種所需的外觀和布局。