使用 CSS 的文本突出显示(标签效果)

2024-01-10

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

我几乎可以只使用以下方法来做到这一点:http://jsfiddle.net/STApE/ http://jsfiddle.net/STApE/

p{display: inline; background: yellow;}

但是,我想添加一些填充。当我这样做时,事情就会走下坡路。如果我添加边框,也会发生同样的情况:http://jsfiddle.net/JN72d/ http://jsfiddle.net/JN72d/

有什么简单的方法来实现这种效果的想法吗?


我可以通过稍微修改你的 DOM 结构来实现它:

http://jsfiddle.net/Zp2Cm/2/ http://jsfiddle.net/Zp2Cm/2/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 CSS 的文本突出显示(标签效果) 的相关文章