/* 设置ul元素及其子元素的样式 */ ul { list-style: none; margin: 0; padding: 0; } li { display: inline-block; /* 将li元素设置为行内块元素 */ margin-right: 10px; /* 设置相邻元素之间的间距 */ } /* 设置文本颜色和字体 */ a { color: #333; font-family: Arial, sans-serif; text-decoration: none; }
通过将列表项(li元素)设置为行内块元素,可以使它们在同一行内显示。此外,通过设置间距(margin)来调整相邻元素之间的距离。所有列表项的父元素(ul元素)必须设置为样式“list-style:none”,以隐藏默认的项目符号。
在文本方面,可以通过设置颜色(color),字体(font-family)和其他文本特征来自定义样式。例如,在上面的代码中,大家使用了Arial和sans-serif两种字体。最后,为了使文本更易于阅读和导航,大家删除了默认的文本装饰(text-decoration:none)。