html/cssでbackround header imgのサイズを小さくするには？

Question

だから私はヘッダー上のimgのサイズを小さくしたいので、よりきれいに見え、より鮮明なimgに見えますが、どうやってそれを行うのか分かりません。

.header { 
    background: #000000 url (C:/website/logo final.svg) no-repeat; 
    background-size: 80px 60px; 
} 

は、HTML：：

<header> 
    <div id="header" align="center"> 
    <img name="Antique Picture" src="C:\website\logo.jpg" alt="logo" width="100%" height="100%"> 
</header> 

すべてのヘルプはRLY ありがとう

をいただければ幸いです。ここ

はコード

CSSです

Answer 1

以下のようにCSSコードを使用します。理想的にはより多くのコードが最善だろう

.header { 
     background-image:url ("xyz.jpg") no-repeat; 
     background-size: cover; 
     width:100%; 
     height:300px; 
} 

Answer 2

を、しかし一方で、ここでのデモ画像との例を示します

• url & ()は、間にスペースを持つべきではありませんこのように：background: url(http://placehold.it/100x100) no-repeat;。
• 画像サイズを調整する場合は、width & heightのプロパティを使用できます。
• このシナリオでは、元の画像サイズは100 x 100pxが80 x 60pxに設定されています。

.header { 
 
    background: url(http://placehold.it/100x100) no-repeat; 
 
    width: 80px; 
 
    height: 60px; 
 
}

<div class="header"></div>

Answer 3

スタイルシートであなたのヘッダー画像に幅が100％を適用し、高さを与えることはありません。 私はヘッダーdivの幅を取り、自動的に高さを調整します。

あなたのコードは以下のようになります。

.header { 
    background: #000000 url (C:/website/logo final.svg) no-repeat; 
    background-width: 100%; 
}