HTML中使用li標簽可以輕松創建一個列表。而有時候我們需要在列表項中添加滾動的文字內容，這時候就可以使用一些CSS和javascript來實現。下面是一個示例代碼。 我們可以先在HTML中創建一個具有id為myList的列表：

<ul id="myList">
<li>第一條</li>
<li>第二條</li>
<li>第三條</li>
<li>第四條</li>
</ul>

然后，在CSS中設置該列表的樣式：

#myList {
overflow: hidden;
height: 50px;
}
#myList li {
height: 50px;
line-height: 50px;
}

這里，我們把列表項的高度和行高都設置為50px，并將列表的overflow屬性設置為hidden（隱藏超出列表高度的部分）。 最后，我們需要在javascript中添加代碼來實現滾動：

var list=document.getElementById("myList");
var i=0;
setInterval(function(){
i++;
if(i>list.children.length-1){
i=0;
}
list.style.transform="translateY(-"+i*50+"px)";
},2000);

這里，我們獲取了列表元素，然后設置一個定時器，每兩秒鐘滾動一次。滾動之前我們先把滾動距離i加1，如果已經滾動到了列表的最后一個元素，那么就重新從第一個開始滾動。最后使用style.transform屬性來實現滾動效果。 通過這一套代碼，我們就可以實現一個帶有滾動文字的列表。如果需要更多樣式調整，可以嘗試改變CSS屬性或者調整javascript代碼。