www.hardcoreleague.infoサイトで背景画像を使用しています。左端と右端だけに背景を持ち、サイトのコンテンツ内には、堅実な背景色がありますか？ここでCSSの端にある背景画像
はボディのための私のCSSです：
background-image: url('../images/baseballfield.jpg');
background-color: #DEDCDD;
font-size: 14px;
font-family: 'Merriweather', serif;
width: 80%;
margin: 0 auto;
は、すべてのページのコンテンツをラップし、それに背景を与えるために追加のdivを使用しています。
HTML
<body>
<div id="wrapper">
<header>....</header>
etc
</div>
</body>
CSS
body {
background-image: url(whatever-image.jpg);
}
#wrapper {
width: 960px;
margin: 0 auto;
background-color: #ffffff;
}
あなたはdiv要素に挿入して設定することができ、それらbackground-color
<body>
<div id="container">
<div class="leftbg"></div>
<div class="centerbg"></div>
<div class="rightbg"></div>
</div><!-- #container -->
</body>
.leftbg {
background-color: #3366CC;
}
.rightbg {
background-color: #3377CC;
}
divを使用して、画像をバックグラウンドで追加します。 div内の画像のサイズを変更したい場合は、
background-size: ;
タグを使用してサイズを変更します。
バックグラウンドサイズの変更の詳細については、こちらをクリックしてください。 https://www.w3schools.com/cssref/css3_pr_background-size.asp
これは非常に悪い解決策だと思います... – DaFois