html - 如何在背景中有 2 个分色？

Question

这就是我要实现的目标。我使用 bootstrap 作为启动平台，但我就是想不通如何使 2 色背景工作。我试图只使用 2 个 div 和 Bootstrap 网格，即:

<div class="row">

<div class="col-md-6" id="leftside">

</div>  

<div class="col-md-6" id="rightside">

</div>

但是这样，我无法让 h1 坐在中间!!任何解决方案？对不起，我是初学者。

Answer 1

您可以使用渐变，然后将其用作普通背景。

div{
width:100px;
height:100px;
background: linear-gradient(to right,   
    #9c9e9f 0%,
    #9c9e9f 50%,
    #33ccff 50%,
    #33ccff 100%);
}

JSFiddle:http://jsfiddle.net/FQ78n/