CSS5跑馬燈是一種常用的網頁特效，它可以讓網頁上的文字或圖片以滾動的方式展示，使頁面更加生動、活潑。下面我們來詳細了解一下CSS5跑馬燈的使用。

.marquee {
width: 100%;
height: 50px;
overflow: hidden;
}
.marquee ul {
list-style: none;
margin: 0;
padding: 0;
}
.marquee li {
float: left;
margin-right: 30px;
font-size: 20px;
line-height: 50px;
}

在上面的代碼中，我們首先定義了一個名為“marquee”的類，用來包裹跑馬燈效果。通過設置“overflow: hidden”屬性，我們可以將超出部分進行隱藏，實現滾動效果。

接著，在“marquee”類中定義了一個“ul”元素，用來存放跑馬燈中的內容，而“li”元素則用來存放每個單獨的項目。通過設置“float: left”屬性，我們可以讓每個項目橫向排列，而“margin-right”屬性則用來設置項目之間的間距。

此外，我們還可以通過設置“font-size”和“line-height”屬性來控制每個項目的樣式。

@keyframes marquee {
0%   { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.marquee li {
animation: marquee 10s linear infinite;
}

在上述代碼中，我們使用了CSS3中的動畫特效，通過“@keyframes”關鍵字定義了一個名為“marquee”的動畫，實現每個項目向左滾動的效果。而在“marquee”類的“li”元素中，我們通過“animation”屬性將“marquee”動畫應用到每個項目上，實現整個跑馬燈效果。

最后，我們只需要將跑馬燈的內容放置在“ul”元素中，即可實現一個簡單的CSS5跑馬燈效果。