nの長さにわたる効果を繰り返します

Question

にはradial-gradientがありますが、すべてが<div>であることは望ましくありませんが、多少下がってから繰り返してください。

So to be clear I don't want the gradient to stretch over the div like this
But rather repeat across the div at a certain height like this

Answer 1

あなたのdivにセレクタ、クラスまたはIDを追加する必要があります。

.container{ 
    height: 500px; 
    background: red; 
    background: radial-gradient(red, yellow); 
    width: 100%px; 
} 

.content{ 
    position:absolute; 
    top: 20%; 
    left: 35%; 
    width: 300px; 
    height: 150px; 
    background: 
} 


<div class="container"> 
    <div class="content"> 
    </div> 
</div> 

のみクラスコンテナおよびコンテンツに焦点を当てて...位置を無視し、そしてなどしてください。グラデーションバックグラウンドのCSSは、クラスを持つdivにのみ影響を与えます。

はこれを確認してください：私たちは、あなたが実際にやろうとしているかを理解できるようJSFiddle