html – 内联文本 – 带填充的背景颜色

概述我需要制作一个背景颜色的标题,这不是一个块(只有text-bg是彩色的). 这是我必须达到的目标的形象： 这是我到目前为止所得到的： http://jsbin.com/tiwuquze/1/edit 你可以看到填充不正确,我无法想象如何设置它. 当您使用填充时,您将看到它将重叠,第二行不会像第一行那样进入. 我很高兴每一个提示！ 解： 约翰史密斯做了一个工作的例子：http://jsbin.com 我需要制作一个背景颜色的标题,这不是一个块(只有text-bg是彩色的).

这是我必须达到的目标的形象：

这是我到目前为止所得到的：
@L_403_0@

你可以看到填充不正确,我无法想象如何设置它.
当您使用填充时,您将看到它将重叠,第二行不会像第一行那样进入.

我很高兴每一个提示！

解：

约翰史密斯做了一个工作的例子：http://jsbin.com/tiwuquze/21/edit
他使用Box-shadow来模拟左边的填充.

解决方法 UPDATE得到了解决方案,使用框阴影：D

h1 {    background-color: #FE8020;    color: #FFFFFF;    display:inline;    white-space:pre-wrap;    line-height : 24px;    Font-size: 18px;    Font-family:arial,sans-serif;    padding: 5px;    padding-left:0px;    Box-shadow: -16px 0 0 #FE8020; /* Box shadow is emulating padding lIEk a charme */}

对我来说这看起来不错

http://jsbin.com/tiwuquze/21/edit

总结

以上是内存溢出为你收集整理的html – 内联文本 – 带填充的背景颜色全部内容，希望文章能够帮你解决html – 内联文本 – 带填充的背景颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。