css无序列表怎么横着 |css图片修改颜色代码

ul {
display: flex;  /* 设置为弹性盒子 */
flex-direction: row;  /* 设置排列方向为横向 */
justify-content: flex-start;  /* 对齐方式为左对齐 */
flex-wrap: nowrap;  /* 不允许列表换行 */
list-style: none;  /* 取消原有的列表样式 */
}
li {
margin-right: 20px;  /* 设置每个列表项的右边距 */
}

上面的代码中，首先将无序列表设置为弹性盒子，并将排列方向设置为横向。接着设置对齐方式为左对齐，并将不允许列表换行。最后取消原有的列表样式，然后对每个列表项设置右边距，这样列表项之间就会有一定的间隔。

在实际使用中，可能还需要根据具体情况对横向列表进行一些微调，比如对列表项的样式进行设置，或者设置响应式布局等，但以上代码已经可以满足基本需求。