.cssの余白が背景の画像

私はかなり新しいプログラミングやものに慣れていて、私はtryna 'のカスタムフォントを自分のページに入れて、それを行うために.cssファイルを使用しています。 .cssファイルで、私はマリンを使っています：0 auto;コードと私はそのオプションを適用すると、全体の背景が少し全体のページをねじ込む右に行くだろうが、余白なしでテキストが良いと私はwonderin '誰かが私はそれを修正することができます.cssの余白が背景の画像

の.cssコード=

html, body { 
    padding-top: 3em; 
    text-align: center; 
    width: 80%; 
    margin: 0 auto; 
}

HTMLの背景コード=

<body background="lis6.jpg">

出典

2017-10-01 donor

それは奇妙に思えます** 'html'と' body'の両方で 'padding-top'を**使用します。これは意図的ですか？また、あなたの背景イメージをイメージホストにアップロードし、ここでリンクを参照して、[**最小限の、完全で検証可能な例**]（http://stackoverflow.com/help/mcve）を作成できますか？詳細については、[**よくある質問をどうやるか**]（http://stackoverflow.com/help/how-to-ask）に関するヘルプ記事を参照して、サイトの[**ツアー**]（http://stackoverflow.com/tour）:) –

あなたはCSSにこれを追加しようとする場合があります。

background-position:center;

ここにも

セットアップする良い方法は、バックグラウンドで、より適切なコード（HTMLにCSSを適用しない良いアイデア、bodyタグ）を持つ：

.content { 
 
    padding-top: 3em; 
 
    text-align: center; 
 
    width: 80%; 
 
    margin: 0 auto; 
 
    background-image: url(http://lorempixel.com/500/500/); 
 
    background-position:center; 
 
    height: 100px; 
 
}

<div class="content"> 
 

 
</div>

出典

2017-10-01 19:56:09

素晴らしいとObsidianは言った。それはいくつかのことを理解するためにサイトのツアーを取ることは良いことだ。より良い質問をしたり、回答の編集、回答の受け入れ、タグの使用などを理解するのに役立ちます。 –

答えて

関連する問題