」などのコードで幅と高さを変更します。 CSS スタイルを使用する 幅と高さのプロパティを制御します。"/> 」などのコードで幅と高さを変更します。 CSS スタイルを使用する 幅と高さのプロパティを制御します。">
ホームページ >ウェブフロントエンド >htmlチュートリアル >画像サイズを変更する方法
画像サイズを変更する方法: 1. HTML タグ内で「img src="..." width="..." height="...」などのコードで幅と高さを変更します。 "> "; 2. CSS スタイルを使用して幅と高さの属性を制御します。
1 つは HTML タグ内で幅と高さを変更する方法で、もう 1 つは CSS スタイルを使用して幅と高さの属性を制御する方法です。
まずHTML タグでの画像の幅と高さの変更を見てみましょう
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="/static/imghwm/default1.png" data-src="img/tupian.jpg" class="lazy" style="max-width:90%" style="max-width:90%" alt="画像サイズを変更する方法" > </body> </html>効果は次のとおりです (元の画像は 1072x768px):
CSS スタイルを使用して幅と高さの属性を制御します
同じ画像を使用します。コードは次のとおりです<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 150px; height: 150px; } </style> </head> <body> <img src="/static/imghwm/default1.png" data-src="img/tupian.jpg" class="lazy" alt="画像サイズを変更する方法" > </body> </html>効果は以下の通りです: 画像も 150x150px
になりました
以上が画像サイズを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。