CSS中有很多可以應用于列表樣式的屬性，其中包括橫向和豎向的列表樣式。下面分別介紹這兩種樣式的實現方法。

橫向列表樣式

在CSS中，通過設置display: inline-block;來實現橫向的列表樣式。具體實現步驟如下：

ul.horizontal-list li {
display: inline-block;
margin-right: 10px;
}

其中，ul.horizontal-list表示要設置為橫向列表樣式的ul元素，li表示要設置樣式的列表項，margin-right的值可以根據需要進行調整。

豎向列表樣式

實現豎向列表樣式與橫向列表樣式相比，要稍微復雜一些。具體實現步驟如下：

ul.vertical-list {
display: flex;
flex-direction: column;
}
ul.vertical-list li {
flex: 1;
}

其中，ul.vertical-list表示要設置為豎向列表樣式的ul元素，flex-direction: column;表示父元素的排列方向為垂直方向，li表示要設置樣式的列表項，flex: 1;的作用是將所有列表項均勻地分布在垂直方向上。

通過以上的方法，我們就可以很方便地實現橫向和豎向的列表樣式。需要注意的是，在實際應用中，還需要針對具體的場景和需求進行一些細節的調整和優化。