CSS可以实现各种效果，其中一个非常常用的就是实现横向列表。LU横向列表也可以通过CSS实现，以下是代码示例：

/* 定义ul和li的样式 */
ul {
list-style: none; /* 去除默认样式 */
display: flex; /* 将列表项水平排布 */
justify-content: space-between; /* 列表项之间留有些空隙 */
}
li {
flex: 1; /* 让列表项等宽分布 */
padding: 10px; /* 列表项内部有一定的间距 */
border: 1px solid #ddd; /* 列表项之间有一定的边框分割 */
}
/* HTML代码 */

• 首页
• 关于我们
• 产品中心
• 新闻资讯
• 联系我们

以上代码中，我们首先定义了ul和li的样式，其中ul的display属性设置为flex，这样就能让列表项水平排布了。接着我们设置了li等宽分布，通过padding属性控制列表项之间的间距，并且设置了边框分割。最后，我们通过HTML代码添加列表项内容。

通过以上CSS代码，我们就可以快速实现LU横向列表，并达到理想的效果。