使用CSS突出显示文本（标签效果） [英] Text highlighting (label effect) using CSS

问题描述

我想创建类似于标签的文本样式。在这里好看：

I want to create a text style similar to a label. Looky here:

我几乎可以使用： http://jsfiddle.net / STApE /

p{display: inline; background: yellow;}

但是，我想添加一些填充。当我这样做时，事情就变得艰难了。如果添加边框，也会发生同样的情况： http://jsfiddle.net/JN72d/

BUT, I want to add some padding. When I do, things go downhill. Same happens if I add a border: http://jsfiddle.net/JN72d/

有任何简单的方法可以达到这种效果吗？

Any ideas on a simple way to achieve this effect?

推荐答案

我能够实现通过稍微修改DOM结构来修改它：

I was able to achieve it by modifying your DOM structure a bit:

http： //jsfiddle.net/Zp2Cm/2/

这篇关于使用CSS突出显示文本（标签效果）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！