使用<span>突出显示html

Question

我正在使用<span>要突出显示的内容周围的标签突出显示HTML文档中的文本.span类具有已background-color定义的,并且border-radius还设置了a.这很好用.

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

我可以使用任何好的CSS技巧来达到这个目的吗？

Answer 1

您可以设置填充和负边距.例如:

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

你可以在这里看到一个演示.