Comment définir la hauteur et la largeur de l'élément img en CSS-tutoriel CSS-php.cn

Comment définir la hauteur et la largeur de l'élément img en CSS

WBOY

Libérer： 2021-12-09 18:45:08

original

9475 Les gens l'ont consulté

Comment définir la hauteur et la largeur de l'élément img en CSS : 1. Utilisez l'attribut width pour définir la largeur de l'élément img, la syntaxe est "img{width:width value;}" 2. Utilisez la hauteur ; attribut pour définir la hauteur de l'élément img, la syntaxe est " img{height:height value;}".

Comment définir la hauteur et la largeur de l'élément img en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Comment définir la hauteur et la largeur de l'élément img en CSS

En CSS, vous pouvez utiliser les attributs width et height pour définir la largeur et la hauteur de l'élément img. L'attribut width définit la largeur de. l'élément et l'attribut height définit la hauteur de l'élément.

La syntaxe est :

img{width:宽度值;height:高度值}

Copier après la connexion

L'exemple est le suivant :

<!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>Document</title>
  <style>
  .img1{
    width:100px;
    height:100px;
  }
  </style>
</head>
<body>
  <img  src="1118.02.png" class="img1" alt="Comment définir la hauteur et la largeur de l'élément img en CSS" ><br>
  原始宽高：<br>
  <img  src="1118.02.png"  alt="Comment définir la hauteur et la largeur de l'élément img en CSS" >
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment définir la hauteur et la largeur de lélément img en CSS