部分列表项的边框与内容间出现间隙的原因是什么？

我有一组带样式的列表项，每个列表项内部包含一个锚点元素：锚点设置了灰色背景样式，列表项本身带有渐变下边框。

部分列表项之间出现了一条白线，经确认这是列表项本身透过锚点元素显现出来导致的。我想知道这是什么原因？

我还发现两个相关规律：

• 当锚点文本不换行时，该现象不会出现
• 当下边框厚度为奇数（如1px、3px等）时才会出现，厚度为偶数（如2px、4px等）时该现象消失

我知道可以通过为列表项本身设置背景色来隐藏该效果，但我更想了解该现象产生的原因而非解决方法。

内容的提问来源于stack exchange，提问作者Vegar