HTML 滾動代碼顏色 在編寫代碼的過程中，為了方便查看和更好的閱讀體驗，我們通常會添加一些樣式來美化代碼。比如，改變代碼字體的大小、顏色、加粗等等。當我們需要在網頁上展示一段代碼時，我們可以使用 HTML 的 pre 標簽。 pre 標簽會保留空格和換行，使得我們的代碼格式更加清晰易讀。但是在代碼過長的情況下，我們往往需要添加滾動條來瀏覽整塊代碼，這時我們就需要使用 HTML 的 style 屬性來添加一些 CSS 樣式來實現滾動效果。 具體實現方式如下： 1. 使用 pre 標簽包裹代碼。比如：

//這里放置你的代碼

2. 設置 pre 標簽的樣式： pre { overflow: auto;/*使元素內容框在未使用滾動條時盡可能地顯示*/ background-color: #F5F5F5;/*設置背景顏色*/ padding: 10px;/*設置內邊距*/ border: 1px solid #CCC;/*設置邊框*/ } 3. 設置 pre 中的 code 標簽的樣式： code { color: #FF6600;/*設置代碼顏色*/ font-size: 16px;/*設置字體大小*/ font-weight: bold;/*設置字體加粗*/ } 這樣，我們就可以在網頁中展示一段帶有滾動條，并且美化過的代碼。

下面是一個完整的例子：

console.log('hello world!');
function add(x, y) {
return x + y;
}
var result = add(1, 2);
console.log('result', result);

通過這種方式，我們可以很方便地展示代碼，并提高代碼的可讀性。