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

效果图如下

图片说明

6个回答

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

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

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

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

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

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问