Question

我想弄清楚如何将我分成不同的颜色，我假设我定义了3个不同的div标签，只是改变了那个值背景。但这会是正确的方法吗？

Answer 1

使用渐变色。 Example

background: linear-gradient(to bottom, #1e5799 0%, #1e5799 33%, #ff3033 33%, #ff3033 66%, #f9f486 66%, #f9f486 100%);

Answer 2

您可以将此用于webkit浏览器：

<强> CSS

body{
    background: -webkit-linear-gradient(left, 
                #000000 0%, #000000 20%, 
                #FFFFFF 20%, #FFFFFF 40%, 
                #000000 40%, #000000 60%, 
                #FFFFFF  60%, #FFFFFF 80%, 
                #000000  80%, #000000  100%)";
}

这个渐变示例看起来像斑马：）

Answer 3

线性渐变可能是最佳响应。另一种可能性是使用窄的1像素厚的图像条带，其在相反的尺寸上被调整尺寸。虽然这更适合固定的显示尺寸。

Answer 4

将此类名添加到HTML元素中它有两个红色渐变但你可以相应地修改，适用于几乎所有的浏览器

.reddishGrad{
background: #C00000; /* Old browsers */
background: -webkit-linear-gradient(#c00000, #8B0000); /* For Safari */
background: -o-linear-gradient(#c00000, #8B0000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#c00000, #8B0000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#c00000, #8B0000); /* Standard syntax */
}

Answer 5

您可以将您的颜色作为渐变，并将其应用于您的背景样式。此链接使您的工作更轻松。 http://www.colorzilla.com/gradient-editor/

我如何用多种颜色划分背景？

5 个答案: