关于 CSS box-shadow 属性的问题求助

使用 box-shadow时只要元素下方有阴影，但是小屏幕上还是两边看得到阴影怎么办。image.png

.post-content a, .toc a:hover {
    box-shadow: 0 1px;
}

期望是，给每个a标签添加下划线的样式，但是是连续的，且和元素有一定距离。例如如下就是我尝试后失败的结果。英文B和站之间的下划线没了，而且紧挨着文字看起来不好看。
image.png

这种是理想状态，但是是使用box-shadow😭
image.png

 
武汉 位置
0 点赞
0 关注
0 收藏
50 悬赏


4 回帖 
1.2K