html - HTML 背景画像のみを繰り返す

Question

私はこれを持っています：<body background="CFIS Fantasy Pool Logo Small.png" bgcolor="333333">

y で繰り返されるようにタグを追加したいので、repeat-y. 私は多くのことを試しましたが、うまくいきません。画面全体に表示されます。repeat-yタグを追加すると、全体がどのように見えるでしょうか。ちなみに、左側で繰り返したいです。

score 2 · Accepted Answer

次のように body タグにインラインスタイルを使用して実行できます。

<body style="background: #333 url("CFIS Fantasy Pool Logo Small.png") repeat-y 0 0;

ただし、次のようにスタイルシートに追加することをお勧めします。

<body>

body {
    background: #333 url("CFIS Fantasy Pool Logo Small.png") repeat-y 0 0;
}

また、問題が発生する可能性があるため、ファイル名にスペースや大文字を使用しないことをお勧めします。次のようなことをする方が良いです：

cfis_fantasy_pool_logo_small.png

score 1 · Accepted Answer

これは機能するはずです：

background-repeat:repeat-y;

そして、ポジショニングには、以下を使用します。

background-position:left; 
OR
background-position:left top; 
OR
background-position:left bottom;

2 に答える 2