css导航悬停加圆点

CSS导航悬停加圆点是一种常见的网页设计元素，它可以使导航更加美观，增加用户体验。在此我们介绍一下实现该效果的方法。

Home
About Us
Services
Portfolio

上述代码是一个基础的导航菜单，现在我们需要在菜单项悬停时添加圆点。

li:hover:before {
content: "·";
color: #000;
margin-right: 10px;
}

上述代码表示当菜单项被悬停时，在该项前添加一个圆点，圆点颜色为黑色，离文本内容间距为10像素。

最终的效果如下：

• Home
• About Us
• Services
• Portfolio

在实际应用中，我们可以根据需求自定义圆点的大小、颜色等属性，实现更加炫酷的效果。