如何颜色的div半蓝色，半黄色？ [英] How to color a div half blue, half yellow?

问题描述

请帮助我找到最简单的方法来实现这个结果只有一个div。

Please, help me to find the easiest way to achieve this result with just one single div?

<div></div>

推荐答案

您可以这样做：

以下是 JSFiddle 演示

代码段示例

 div{
    	width:400px;
    	height:350px;
    	background: linear-gradient(to right, blue 50%, yellow 50%);
    }

<div></div>

这篇关于如何颜色的div半蓝色，半黄色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！