当前,我们将145x45标头徽标设置为移动标头的背景,标头的其余“背景颜色”与徽标的背景相匹配。
徽标在图像顶部有一条高几个像素的线,在当前配置下,该线不会延伸到图像之外。
如何使徽标的最右边的1px(w)x 45px(h)填充(重复-x?)标题的其余部分,以使图像顶部的行延伸到整个标题?
用该行创建一个1x45图像,在div中与repeat-x一起使用,将div放在带有徽标图像的div内,如下所示:
<div style="background-image: url('line_image.png'); background-repeat: repeat-x: height: 45px;">
<div style="background-image: url('logo.png'); background-repeat: no-repeat; height: 45px;"></div>
</div>
抱歉,内联CSS应该位于.css文件中。
PS:代码不是testet,请告诉我它是否无效。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句