使用<span> </span>突出显示html

Question

我在要突出显示的内容周围使用<span>标记突出显示HTML文档中的文字。 span类定义了background-color，并且还设置了border-radius。这很有效。

我希望突出显示的内容远远超出<span>内容的正常范围。也就是说，span-start左边的几个像素，以及span-end右边的几个像素。理想情况下，我会在不将内容分开的情况下这样做。

我可以用什么好的css技巧来实现这个目标？

Answer 1

您可以设置填充和负边距。例如：

span {
    margin: -5px;
    padding: 5px;
}

您可以看到演示here。

Answer 2

保证金：10px 0px; ??

如果这不能解决您的问题，您可以详细说明问题吗？