在現代的網站中，實時價目表（ticker）已經成為了展示產品價格、匯率以及股票價格的流行方式。

CSS可以用于創建一個漂亮的實時價目表，它能夠吸引許多用戶的注意力。下面是一個基礎的代碼示例：

.ticker {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
line-height: 50px;
background: #333;
color: #fff;
font-size: 24px;
text-align: center;
z-index: 999;
overflow: hidden;
}
.ticker ul {
display: inline-block;
animation: ticker 20s linear infinite;
}
.ticker ul li {
display: inline-block;
padding: 0 30px;
}
@keyframes ticker {
0% { transform: translateX(0%); }
100% { transform: translateX(-100%); }
}

解釋一下這個CSS代碼：

首先，我們設置了一個固定位置的DIV作為外層容器，并把它放在頁面的底部。然后，我們指定了DIV的寬度和高度、背景色、字體顏色和大小，以及文本對齊方式。

緊接著，我們創建了一個ul列表，并從這個列表中展示了一組數據（例如股票價格）。

制作文字滾動的效果是通過使用CSS3的動畫實現的。我們通過使用@keyframes指令來定義了“ticker”動畫。該動畫將持續20秒，它按線性方式重復，并且在“0%”和“100%”這兩個階段之間具有translateX的transform函數，這使得文本會水平移動。

我們在ul元素中應用了這個ticker動畫。最后，我們使用li元素來展示每一個數據元素，設置了它的padding值以便增加行之間的距離。

通過使用這些CSS規則，我們可以輕松地創建一個高效的實時價目表，將它應用到網站中，以吸引并保持用戶的關注。