文字走马灯是一种使文本自动滚动的效果，通常使用在需要突出展示文字的地方，如新闻头条、广告宣传等。在网页设计中，使用 CSS 可以轻松地实现文字走马灯效果，下面将介绍如何使用 CSS 实现文字走马灯。

/*CSS 代码*/
.marquee {
width: 300px; /*走马灯容器宽度*/
height: 40px; /*走马灯容器高度*/
overflow: hidden; /*超出容器部分隐藏*/
margin: 0 auto; /*水平居中*/
white-space: nowrap; /*文本不可换行*/
animation: marquee 10s linear infinite; /*执行文字滚动动画*/
}
@keyframes marquee {
from {
transform: translateX(0); /*文本初始位置*/
}
to {
transform: translateX(-100%); /*文本结束位置*/
}
}

以上 CSS 代码中，我们创建了一个名为“marquee”的类名，并设置了容器宽度、高度、超出部分隐藏、文本不可换行等属性，并在其中添加了一个使用 animation 属性执行的文字滚动动画。其中，@keyframes 中的代码控制了文本从初始位置滚动到结束位置的过程，通过设置 transform: translateX() 实现左右移动的效果。

最后，在 HTML 中添加

这里是文字走马灯，可以展示需要突出展示的文字