css – 使背景与文本宽度相同,但高度不同

我试图在纯css中获得一定的外观(没有图像).

我有的是:

我希望文本“title”的黑色背景与文本的宽度相同,但高度不同.

我试过这是各种排列:(即链接中的跨度,h2中的跨度,h2显示内联和跨度块)

如果我得到正确的宽度,我无法改变高度,因为span是一个内联元素.如果通过使跨度成为块来获得高度,我无法更改将宽度精确地设置为文本的宽度,因为它现在是块级元素并且扩展为页面的整个宽度.

任何想法,或者我只需要使用图像?

最佳答案
适用位置:相对;到< a>和position:absolute;到.title-bg< span>.然后根据需要设置顶部,将左侧设置为0,并根据需要设置宽度和高度.

像这样:http://jsfiddle.net/minitech/3uzbV/

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效