漂亮的html突出顯示使用<span>

我突出顯示HTML文檔中的文本使用<span>標籤圍繞要突出顯示的內容。 span類別定義了background-color，並且還設置了border-radius。這很好。漂亮的html突出顯示使用<span>

我希望突出顯示的內容可以進一步擴展超出<span>內容的正常範圍。也就是說，span-start左邊的幾個像素，以及span-end右邊的幾個像素。理想情況下，我會做這個沒有分開內容本身。

任何好的CSS技巧，我可以用來實現這一目標？

2011-03-01 TomSwift

保證金？填充？不確定我是否低於你要找的東西。 – yoda 2011-03-01 01:26:57

您可以設置填充和負邊距。例如：

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

你可以看到一個演示here。

來源

2011-03-01 01:30:34 icktoofay

謝謝 - 這比我想象的要簡單得多。我顯然不是css嚮導;） – TomSwift 2011-03-01 02:23:01

如果邊距/填充增加太多，例如10px，跨度開始剪裁前面的內容。有什麼方法可以緩解這個問題嗎？ – TomSwift 2011-03-01 17:20:08

@TomSwift：添加'position：relative;'和'z-index：-1;'。 – icktoofay 2011-03-03 02:13:47

margin：10px 0px; ??

如果這不能解決您的問題，您可以詳細說明問題嗎？

2011-03-01 01:30:20 BentOnCoding

只是一個註釋，* margin *不會以這種方式工作，值之間不會有逗號。 – yoda 2011-03-01 01:35:38

回答