ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML Web ページの画像のサイズを調整するにはどうすればよいですか?

HTML Web ページの画像のサイズを調整するにはどうすればよいですか?

黄舟
黄舟オリジナル
2017-07-26 13:34:1814168ブラウズ

CSS には、要素の幅 );background-color:rgb(249,242,244)">width 属性。フォントの制御と同様に、 px (ピクセル) で画像の幅を指定します。 width属性。像控制字体一样,我们使用px(像素)来指定图片的宽度。

例如,如果我们想要创建一个名为larger-image的类选择器,把HTML元素的宽度设定为500像素,我们使用:

<style>
  .larger-image {
    width: 500px;
  }
</style>


任务:创建一个名为smaller-image

たとえば、37,78);というテキスト ファイルを作成する場合、background-color:rgb(249,242,244)">larger-image のクラス セレクターは HTML 要素の幅を 500 に設定します。ピクセル:

rrreee


タスク: smaller-image のクラス セレクター、そしてこれを使用して画像サイズを変更し、画像の幅が 100 ピクセルのみになるようにします。 🎜🎜🎜🎜🎜

以上がHTML Web ページの画像のサイズを調整するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。