Html文字輪播是網頁設計中經常使用的元素，可以很好地展示網站的信息。來看一個簡單的文字輪播代碼：
<html>
<head>
<title>文字輪播</title>
<style>
#carousel {
width: 400px;
height: 50px;
overflow: hidden;
margin: 0 auto;
white-space: nowrap;
position: relative;
}
#carousel p {
display: inline-block;
margin-right: 20px;
animation: carousel-scroll 10s linear infinite;
}
@keyframes carousel-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
</style>
</head>
<body>
<div id="carousel">
<p>這是第一條信息</p>
<p>這是第二條信息</p>
<p>這是第三條信息</p>
<p>這是第四條信息</p>
</div>
</body>
</html>在這個代碼中，我們首先定義了一個id為carousel的div，然后在其中分別添加了四個p標簽，分別代表四條信息。在CSS中，我們設置了id為carousel的div的寬度和高度，以及overflow:hidden來隱藏其余部分，保證只有當前正在顯示的信息會在div中顯示。我們還設置了white-space:nowrap來讓p標簽不能換行顯示，同時也為了保持水平位置不變，使之成為行內元素。
在CSS中我們還定義了一個keyframes動畫，其中將p標簽的transform屬性的translateX變成了-100%，表示標簽完全向左移動，然后再循環播放。最后我們也將動畫應用到了p標簽上，每個p標簽會依次滾動播放。
這就是一個簡單的Html文字輪播代碼，并且可以根據實際情況進行修改和調整。