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/

10-09 15:34