在网页设计中，水平导航是网站排版中常用的一种形式，如何设置水平导航呢？下面就给大家介绍一下CSS如何设置水平导航。在HTML中，水平导航可以使用无序列表（ul和li标签）来实现，代码如下：

<ul><li><a href="">Home</a></li><li><a href="">about</a></li><li><a href="">Services</a></li><li><a href="">Contact</a></li></ul>

以上代码实现了一个简单的水平导航，但是默认情况下，导航项之间会存在间距，我们需要使用CSS来控制导航项之间的间距。CSS代码如下：

ul {list-style: none;margin: 0;padding: 0;}li {display: inline-block;margin-right: 20px;}li:last-child {margin-right: 0;}

以上代码解释如下：第1行：设置无序列表的样式，包括去掉默认的列表符号，边距和内边距都为0。第3行：设置列表项的显示方式，将其设为内联块级元素，使得导航项在一行上显示。第4行：控制列表项之间的间距，这里将右边距设为20px。第6行：控制最后一个列表项的右边距，将其设为0，避免出现多余的间距。以上就是如何使用CSS设置水平导航的方法，通过设置列表项的显示方式和控制间距，我们可以实现各种形式的水平导航。