設置跑馬燈可以通過CSS的animation屬性實現。下面是一個實例：

<style>
.marquee {
overflow: hidden;
position: relative;
}
.marquee p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 2em;
text-align: center;
font-size: 2em;
animation: marquee 20s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
</style>
<div class="marquee">
<p>這是跑馬燈的內容</p>
</div>

首先，外層元素要設置overflow:hidden和position:relative。這樣內部元素的動畫才能在外層元素內部進行。 然后，跑馬燈內容要用絕對定位來實現，以便可以在外層元素中移動。 接著，用animation屬性讓p元素執行動畫。其中，marquee是自定義的動畫名稱，20s是動畫持續時間，linear是動畫類型，infinite代表無限循環。 然后，用@keyframes規則定義動畫。其中，0%表示動畫開始時元素的位置，transform: translateX(0)表示元素不偏移，100%表示動畫結束時元素的位置，transform: translateX(-100%)表示元素左移100%。