首页 > 其他分享 >div背景图片隔一段距离显示横线

div背景图片隔一段距离显示横线

时间:2022-12-13 12:12:37浏览次数:43  
标签:横线 min 100% repeat background div 背景图片 200px

效果图:

这是线:一张长不限,高为200px,下面一条实线的图片。

 

 

.diagramContainer {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  background: url(./../images/line_bg.png) center;
  background-size: 100% 200px;  //这的200px与图片高一致
  background-repeat: repeat-y;
  border: 3px solid #c3c3c3;
  background-position: top;
}

 

标签:横线,min,100%,repeat,background,div,背景图片,200px
From: https://www.cnblogs.com/houBlogs/p/16978216.html

相关文章

  • codeforces 598 div3 Minimize the Permutation(贪心找规律)
    题目大意:有n个排列数。现在定义操作:交换第i和i+1个元素。我们对每个i位置只能操作一次。问经过这种操作后,我们最少能够得到的字典序序列是多少。解题思路:我们贪心从小到大选......
  • codeforces 596 div2 p-binary(数位复杂度压缩)
    题目大意:已知: 同时  ,问k最少为多少。解题思路:首先,我们看到这里有2的n次方,我们考虑能不能从二进制表示下手,我们通过移位来表示:得到公式 ,很直接的想法是我们让k从小到大......
  • codeforces 594 div2 Ivan the Fool and the Probability Theory (DP 推公式)
    题目大意:现在有n*m个格子。然后我们可以对这些格子染上黑色或者白色。规定每个格子最多允许相邻1个与它同样颜色的格子,问你我们有多少中不同的染色方案。解题思路:首先考虑1*......
  • div滚动条调整到左侧
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content......
  • Codeforces Round #837 (Div. 2)D (最大回文字串+树)
    题目链接:D.Hossamand(sub-)palindromictree题目描述给定一颗有n(n<=2e3)个顶点的树,每个顶点有一个点权(字符),定义s(u,v)为从u到v的简单路径所经过的点权形成的字符......
  • div滚动条调整到上方
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content......
  • Codeforces Round #837 (Div. 2)补题
    CodeforcesRound#837(Div.2)A.HossamandCombinatorics知识点:简单题复杂度:\(O(nlogn)\)很明显能看出,该题与数据的位置无关,只与大小有关所以我们可直接排序,判断......
  • 使div上下左右都有滚动条
    使div上下左右都有滚动条<html><head><title>UntitledDocument</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><scrip......
  • day2-2022.12.11-浅浅了解div元素
    <template><div><divclass="box"><divclass="bq">div是一个块级元素,是块级元素,块级元素独占一行,红色边框为一行......
  • Codeforces Round #821 (Div. 2)
    比赛链接A题意:给定一个长度为n的数组,你可以任意交换两个距离为k的数,求最大的连续k个数组之和。核心思路:这个我们直接暴力就好了,我们可以把那些距离为k的比较大的全都换......