ホームページ > 記事 > ウェブフロントエンド > 質問: Web ページの背景を繰り返しのない画像に設定するにはどうすればよいですか? _html/css_WEB-ITnose
親愛なる兄弟姉妹の皆さん、私が作成する HTML の背景を画像で構成するように設定したいと考えています。
こんな背景。とても美しくする方法を教えてください
W3C にアクセスして、background-image 属性を確認できます
background:url(../myimg.png) no -repeat top center; /* 上の画像が上に、中央の画像が中央に */
または個別に設定します
background-repeat:no-repeat; 画像は繰り返されません
------
Background-repeat:repeat-x ; タイルを水平方向に繰り返します
background-repeat:repeat-x; タイルを垂直方向に繰り返します
タイルを垂直方向に繰り返します
background:url(../myimg .png) no -repeat top center; /* 上の画像が上にあり、中央の画像が中央にあります */
または個別に設定します
background-repeat:no-repeat; 画像は繰り返されません
--- ---
background-repeat:repeat-x ; タイルを水平方向に繰り返します
background-repeat:repeat-x; タイルを垂直方向に繰り返します
W3C にアクセスして確認できます背景画像属性
ありがとうございます
background:url (../myimg.png) no-repeat top center; /* top 画像が上部にあり、中央の画像が中央にあります */
または、個別に設定します
background-repeat:no-repeat; 画像は繰り返されません
----- -
タイルを水平に繰り返します
タイルを垂直に繰り返します
または個別に設定します
背景- repeat:no-repeat; 画像は繰り返されません
------
background-repeat:repeat-x; タイルを水平方向に繰り返します
タイルを垂直方向に繰り返します
Web ページが非常に長い場合は、次のようにする必要があります繰り返し、一度だけ実行する 繰り返し表示されますが、同じ画像のように見える背景画像。 (background:url(../bg.jpg)repeat-y center;)
1. 十分な大きさの画像を見つけます (画面全体をカバーできる、少なくとも 1920x1080px 以上)
2. body{ background:url(bg.jpg) no-repeat fixed;} /* no-repeat 画像は繰り返されず、固定されています 画像の背景は固定されており、ページと一緒にスクロールしません */
参考ページ (最近のアクセスに対してのみ有効)
http://www.f808.cn/users/t.html
少なくとも 1 つの画面をカバーできる大きな画像を作成し、背景画像を修正すると、それを実現できます。