HTML 左右滾動橫幅是一種非常流行的網頁設計元素，讓頁面更加動感和有趣。這篇文章將介紹如何使用 HTML 實現左右滾動橫幅。 我們首先需要使用 HTML 的標簽元素。在這個橫幅上，我們將使用 div 標簽來創建一個容器。并在里面添加一個 pre 標簽，用于顯示所有的滾動內容。

<div class="scrolling-banner"><pre>這里是滾動橫幅內容...</pre></div>

接下來，我們要添加一些樣式來使滾動橫幅工作。我們會使用 CSS 來創建一些規則，其中包括滾動橫幅的寬度，字體大小，顏色和字體樣式。最重要的是，我們還要設置橫幅容器的 overflow 屬性為 hidden，同時使用 CSS 動畫使整個橫幅自動滾動。

.scrolling-banner {
width:100%;
overflow:hidden;
}
.scrolling-banner pre {
font-size:24px;
font-family:"Arial", sans-serif;
color:#fff;
font-weight:bold;
display:inline-block;
white-space:nowrap;
animation:scroll-left 10s linear infinite;
}
@keyframes scroll-left {
0% {
transform:translateX(100%);
}
100% {
transform:translateX(-100%);
}
}

這樣在頁面中就可以顯示一個帶有滾動功能的橫幅了。我們只需要將 pre 標簽中的內容替換成我們自己的文本或圖片即可。 總之，使用 HTML 和 CSS 創建滾動橫幅是一個相對簡單的過程。您只需要幾行代碼，就可以為您的網頁添加一個動態、有趣的元素。