css 如何定义一个div有两种颜色?

css 如何定义一个div有两种颜色?

问题描述:

效果图如下

图片说明

div里再放一个div
或者用:before伪元素。
也可以css3的渐变色背景

不行 必须要两个元素....

你这个效果应该是一个大div里面套了两个div划分成这样的效果

一个div包裹两个div,不建议使用伪类去做这种效果,浮动会用吗

这种效果左侧应该是一个图片,建议你用一个大的div套左右两个div,左侧div放齿轮的背景图片,右侧div上部套一个span标签里面放文字内容。

嘿嘿,可以有一个好办法,重点是margin-top: -60px

<div style="height: 100px;background-color: red;"></div>
<div style="background-color: blue;margin-top: -60px;"><div>