为什么有这两条线?把bootstrap.min.css注掉就没有了

樊思雨
  • 302

下边那个锯齿那的两条线是怎么回事啊!

 <div class="row">
            <div class="count col-xs-12">总收入¥<span>300</span>/总支出¥<span>100</span></div>
 </div>
 .count {
        text-align: center;
        background: #476f79;
        color: #fff;
        padding: 12px;
        background-image: -webkit-gradient(linear, 50% 0, 0 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #f5f5f5), to(#f5f5f5)), -webkit-gradient(linear, 50% 0, 100% 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #f5f5f5), to(#f5f5f5));
        background-size: 10px 8px;
        background-repeat: repeat-x;
        background-position: 0 100%;
    }

麻烦大家了,谢谢!

回复
阅读 2k
2 个回答
月影
  • 2.7k
✓ 已被采纳

bootstrap里面给.row:afte和col-xs-12加样式了吧,这个要具体调试一下.我这边没有你说的两条线啊
图片描述

F12,看看哪个样式起的作用呗

宣传栏