ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSで背景画像の幅と高さを変更する方法

CSSで背景画像の幅と高さを変更する方法

藏色散人
リリース: 2023-01-04 09:37:38
オリジナル
14277 人が閲覧しました

CSS で背景画像の幅と高さを変更する方法: まず HTML サンプル ファイルを作成し、次に「background-image」属性を使用して div の背景画像を「a.jpg」に設定します。画像フォルダーの下で、最後に「background-size」を使用して背景画像のサイズを調整します。

CSSで背景画像の幅と高さを変更する方法

#このチュートリアルの動作環境: Windows7 システム、HTML5&&CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

#推奨: 「

css ビデオ チュートリアル

背景画像の幅と高さ (サイズ) を変更する CSS メソッド

CSS では、background-siz 属性を使用して背景画像の幅と高さ (サイズ) を変更できます。

background-size 属性では、背景画像の幅と高さをパーセント値またはピクセル (px) 単位で設定できます。

例:

background-image 属性を使用して div の背景画像を image フォルダー内の a.jpg に設定し、background-repeat を使用して背景画像を設定します。繰り返し表示されません。

CSSで背景画像の幅と高さを変更する方法レンダリング: 背景画像の幅と高さを変更しない

CSSで背景画像の幅と高さを変更する方法background-size を使用して、背景画像のサイズを調整します。背景画像。最初のパラメータ値は幅、2 番目のパラメータ値は高さです。たとえば、背景画像の高さと幅を元の値の半分、つまり 50% に設定します。

CSSで背景画像の幅と高さを変更する方法ブラウザで test.html ファイルを開いて効果を確認します。

以上がCSSで背景画像の幅と高さを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート