CSSを使って画像サイズを設定する方法

CSS で画像サイズを設定する方法: 最初に新しい HTML ファイルを作成し、次に div タグを使用してモジュールを作成し、img タグを使用して div タグ内に画像を作成し、最後に style を使用してimg タグ内で設定します。画像の幅と高さの属性を使用するだけです。

推奨: 「css ビデオ チュートリアル 」

Explain 用に test.html という名前の新しい HTML ファイルを作成します。 CSS が画像のサイズをどのように変更するか。

test.html ファイルで、div タグを使用してモジュールを作成し、div タグ内で img タグを使用してイメージを作成します。

test.html ファイルの css タグで、「*」を使用してページのすべての要素を初期化し、内側と外側の余白を 0 に設定します。ブラウザで test.html ファイルを開いて効果を確認します。

#要素名を使用して画像のサイズを変更します。たとえば、css タグ内で、css を使用して、div 要素内の img 要素の幅を 200px、高さを 100px として定義します。

imgタグにid属性を設定し、CSSでid属性を利用し、幅(width)と高さ(高さ)でスタイルを設定することで、イメージは変えられます。

imgタグにclass属性を設定し、CSSでclass属性を使用し、幅(width)と高さ(高さ)を使用してスタイルを設定することで、変更できます。画像のサイズ。

img タグ内の style を使用して幅 (width) 属性と高さ (高さ) 属性を設定します。

上記の方法により得られる効果は次のとおりです。

以上がCSSを使って画像サイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。