当我们使用列表项创建导航栏菜单时，列表的整个区域都是可点击的。整个区域可点击使导航栏 UI 更加用户友好。
在手机或平板电脑上，触摸手势到位，有时很难用手指瞄准小链接。主要是因为它主要是为桌面使用而设计的。因此，为了使导航栏中列表项的整个区域可作为链接点击，这里有一些方法，如下所述：
使用简单的 CSS 属性：首先，我们将使用 HTML 创建无序列表项，然后将一些 CSS 属性应用于这些项以制作导航栏菜单。
例子：
输出： 
使用 :after (或 :before) 伪元素：在这个方法中，我们将使用伪选择器将 CSS 属性设置为锚元素。
例子：
Document
输出： 