CSSを使ってimgの画像サイズを設定する方法-CSSチュートリアル-php.cn

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

WBOY

リリース： 2021-11-29 15:40:35

オリジナル

22324 人が閲覧しました

CSS では、幅属性と高さ属性を使用して、img 要素の画像のサイズを設定できます。幅属性は要素の幅の値を設定するために使用され、高さ属性は要素の幅の値を設定するために使用されます。要素の高さの値。構文は「img 要素 { width: 幅の値; height: 高さの値;}」です。

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

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css を使用して img の画像サイズを設定する方法

css では、width 属性と height 属性を使用して画像サイズを設定できます。 img の例以下のように:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>123</title>
    <style type="text/css">
    .tupian{
        width:150px;
        height:150px;
    }
</style>
  </head>
  <body>
<img  src="1115.08.png" class="tupian" alt="CSSを使ってimgの画像サイズを設定する方法" >
<p>上面是设置了大小，下面没设置大小</p>
<img  src="1115.08.png" alt="CSSを使ってimgの画像サイズを設定する方法" >
  </body>
</html>

ログイン後にコピー

出力結果:

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