Html 链接内的Div框，希望最小化链接光标框区域

我是一个糟糕的解释，这就是为什么我提供了我的问题的形象

.body{
文本对齐：居中；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}
.柔性容器{
显示器：flex；
弯曲方向：行；
证明内容：中心；
游标：默认值；
}
.专栏1{
显示器：flex；
弯曲方向：立柱；
}
boxhunter先生{
显示器：flex；
填充物：5px；
弯曲方向：立柱；
对齐项目：居中；
宽度：180px；
背景图像：径向梯度（中心圆圈，#ABD473 0%，#16150c 120%）；
边框：2件纯黑；
边界半径：3%；
利润率：10px；
}
a{
颜色：黑色；
字体系列：Dwarvesc；
边框：1px点红色；
填充物：5px；
}

---

您不需要更改HTML布局

事实上，您只需要更改两行CSS
您的问题只是一个简单的填充/边距问题

这是一个工作片段，我在修改的地方发表了评论：

.body{
文本对齐：居中；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}
.柔性容器{
显示器：flex；
弯曲方向：行；
证明内容：中心；
游标：默认值；
}
.专栏1{
显示器：flex；
弯曲方向：立柱；
}
[class*=“box”]{/*出于测试目的更改了类*/
显示器：flex；
填充物：5px；
弯曲方向：立柱；
对齐项目：居中；
宽度：180px；
背景图像：径向梯度（中心圆圈，#ABD473 0%，#16150c 120%）；
边框：2件纯黑；
边界半径：3%；
/*边距：10px；已删除*/
}
a{
颜色：黑色；
字体系列：Dwarvesc；
边框：1px点红色；
保证金：15px；/*已修改*/
}

你也应该发布相关的CSS。你也可以发布你的CSS吗？你的问题不在于HTML，而在于样式。嘿，伙计们，我刚才也添加了CSS，这有点混乱，但希望它能帮助你们！“…所以光标可以默认在每个框之间？”我不明白你的意思。你是最好的！这是完美的：）我没有足够的分数来投票，所以这里有一个巨大的欢呼xD