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

前端之家收集整理的这篇文章主要介绍了css – 使背景与文本宽度相同,但高度不同前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

我有的是:

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

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

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

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

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

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

猜你在找的CSS相关文章