在 CSS 中,a 标签是用来创建链接的。但是,有时候我们希望链接之间有一段距离。这个距离可以通过 CSS 来实现。
a { padding: 10px; }
在上面的代码中,我们为所有的 a 标签添加了 10px 的 padding。这样链接之间就会有一段距离了。
但是,值得注意的是,padding 不只是会添加在链接的左侧和右侧,也会添加在链接的上方和下方。如果你只想链接之间有水平的距离,可以这样写:
a { padding-left: 10px; padding-right: 10px; }
这会为每个链接添加 10px 的左右 padding,而不会影响上下距离。
a { margin-right: 10px; }
这样会在每个链接的右侧添加 10px 的 margin,从而达到距离的效果。
如果你希望链接之间的距离更大,可以增加 padding 或者 margin 的值即可。
a { padding: 20px; } a { margin-right: 20px; }