画像の有無にかかわらず、2色の背景が縞模様になっていますか？

http://www.hallmorkshoneybess.co.ukのための素晴らしいストライプの対角線または水平の背景（黄色と黒色）を作成したいのですが、それを行う方法に関するチュートリアルは見つかりません。画像の有無にかかわらず、2色の背景が縞模様になっていますか？

助けてもらえますか？おかげ

2012-02-21 Mark R

http://lea.verou.me/css3patterns/ここには、使用できる優れたサンプルがいくつかあります。 100％は、したがって、受け入れ

CSS3ありえない、私はCrinsaneは、あなたがこのようにそれを行うことができます言ったことから、http://www.stripegenerator.com

2012-02-21 10:26:14

ストライプジェネレーター..ちょうどチケット。ありがとうございました。 –

あなたは簡単に色ストップで線形勾配を用いてこれを行うことができます。http://www.techrepublic.com/blog/webmaster/css3-gradients-setting-color-stops/937

2012-02-21 10:24:35 DonJuwe

うわー、混乱しているようですが、ありがとう –

どうすれば画像でそれをやることができますか？ –

ストライプが縦横2ピクセル、縦が2ピクセルの画像を作成するには、幅4ピクセル、高さ1ピクセル、各色2ピクセルの画像を作成します。背景画像として追加し、xとyの両方を繰り返すように設定します。 – DonJuwe

あなたはCSS3の線形グラデーションと背景サイズ&繰り返しの組み合わせを使用することができます。

2012-02-21 10:25:00 Crinsane

ような何かに固執するでしょう：だから基本的に私たちは、線形を作成している

background-color: black; background: linear-gradient(white 50%, black 50%); background-size: 100% 20%; background-repeat: repeat-y;

をハーフ・ブラックとハーフ・ホワイトのグラデーションを使用して、そのサイズをコンテナの20％と定義します。最終的にそれを繰り返すと、いくつかのストライプが得られます。

異なるサイズのストライプの場合は20％、2色の比率が異なる場合は50％50％の比率を変更します。

これが役に立ちます。

2014-02-26 14:18:33

答えて