当前位置:  开发笔记 > 编程语言 > 正文

使用CSS仅使水平重复背景颜色

如何解决《使用CSS仅使水平重复背景颜色》经验,为你挑选了1个好方法。

我正在指定一个颜色十六进制代码作为background-color一个非常长的div.但是,我希望这种颜色只能在水平方向上重复,从左到右,在第一部分,而不是再往下走.

可以使用background-repeat:repeat-y或是否有其他方法?



1> Sampson..:

颜色没有高度......它们只是存在,没有尺寸.如果要在背景颜色和文档的其余部分之间进行视觉区分,则需要使用实心图像作为背景图像:

div.className {
  background-image:url("images/background.jpg");
  background-position:left top;
  background-repeat:repeat-x; // Causes repeat from left-to-right only
}

推荐阅读
低调pasta_730
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有