2017-10-01 2 views
0

私はかなり新しいプログラミングやものに慣れていて、私は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"> 
+1

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

答えて

0

あなたは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>

+0

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