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

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

我有的是：

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

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

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

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

最佳答案

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

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

原文地址：https://www.jb51.cc/css/427316.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。