html - 如何为div着色一半蓝色，一半黄色？

Question

请帮我找到只用一个 div 实现这个结果的最简单方法？

<div></div>

Answer 1

你可以这样做:

Here is the JSFiddle demo

片段示例

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

<div></div>