アニメーション化されたWebページの背景は人目を引く可能性があり、GIFファイルを使用して作成できます。ビジネスWebページにテキストやその他のコンテンツを追加する場合、背景の追加について心配する必要はありません。デフォルトをオーバーライドしない場合、ブラウザーはページに白い背景を与えるだけです。短いCSSクラスをHTMLWebページに追加して、アニメーションおよび静止GIF画像をページの背景として使用します。
1
HTMLドキュメントを開き、ドキュメントのヘッドセクションを見つけます。
2
次のコードをそのセクションに貼り付けます。
body {background-image：url（ 'myImage.gif'）; background-repeat：repeat; }
このコードは、ドキュメントのbodyタグのスタイルを設定するCSSセレクターを定義します。background-image属性には、値が「myImage.gif」であるURLプロパティがあります。その値をいずれかのGIFの名前に変更します。2行目は、この例では値が「repeat」であるbackground-repeat属性を定義しています。この値は、グリッド効果を生成するために、ページ全体およびページの下に画像を繰り返すようにブラウザに指示します。GIFでタイル状の背景を作成したくない場合は、そのステートメントを削除してください。
3
ドキュメントを保存してブラウザで表示すると、新しい背景が表示されます。