html - 2种不同的背景色？

Closed. This question needs details or clarity。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？添加详细信息并通过editing this post阐明问题。
                        
                        4年前关闭。
                                                                                            
                
        
如何设置2种不同的背景颜色，如下所示：

http://i.imgur.com/Vz351e5.png

我正在使用的网格为970px宽。我想要一个宽度为220像素的边栏（左侧，红色后面），主要内容为750px（右侧，蓝色后面）。

我怎样才能做到这一点？

最佳答案

您可以使用linear-gradients

div {
  width: 500px;
  height: 500px;
  background: -webkit-linear-gradient(left, red 30%, orange 30%);
  background: -moz-linear-gradient(left, red 30%, orange 30%);
  background: -o-linear-gradient(left, red 30%, orange 30%);
  background: linear-gradient(left, red 30%, orange 30%);
}

<div>

关于html - 2种不同的背景色？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30252299/