css - 1 つの div バックグラウンドでネストされた色を作成する方法は?

Question

複数のネストされた色 (または正確には 2 色) を css の div に配置するにはどうすればよいですか? それが可能であれば、各色のパーセンテージ、位置などとして、ネスティングフォームを指定するにはどうすればよいですか?

このような背景を作成するためのグラデーションを意味します。

ここに画像の説明を入力

score 1 · Accepted Answer

グラデーションを使用して、50/50 の背景を作成できます。

background: -webkit-gradient(linear, left top, right top, color-stop(50%,#000000), color-stop(50%,#333));

または完全なグラデーションの場合、例:

-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#000ed8));

これは非常に簡単です。開始色と終了色を追加するだけです。また、上記のスペースを節約していますが、もちろん、すべてのブラウザーでサポートされるようにするには、-o-linear-gradient、-ms-linear-gradient、linear-gradient も使用する必要があります)。

あなたを助けるために利用可能なツールもあります：

score 0 · Accepted Answer

特定の色を 1 つ選択するために、RGB カラーを使用できます。

background-color:rgb(255,255,255)

そして価値観で遊んでいます。カラーコードも使用できます。

background-color:#FF0F00

これが、特定の色 (2 つの異なる色を組み合わせたもの) に到達する方法です。それらをネストする方法がわかりません。

この主題についてもっと読みたい場合は、ここで読むことができます: http://www.w3schools.com/cssref/css_colors.asp

幸運を：）

2 に答える 2