Maison  >  Article  >  interface Web  >  Comment définir la taille de l'image en utilisant CSS

Comment définir la taille de l'image en utilisant CSS

藏色散人
藏色散人original
2020-11-13 11:49:0813403parcourir

Comment définir la taille de l'image avec CSS : créez d'abord un nouveau fichier html ; puis utilisez la balise div pour créer un module, et utilisez la balise img pour créer une image dans la balise div ; définissez-le dans la balise img. Utilisez simplement les attributs de largeur et de hauteur de l'image.

Comment définir la taille de l'image en utilisant CSS

Recommandé : "Tutoriel vidéo CSS"

Créez un nouveau fichier html, nommé test.html, pour Explain comment CSS modifie la taille des images.

Comment définir la taille de limage en utilisant CSS

Dans le fichier test.html, utilisez la balise div pour créer un module, et dans la balise div, utilisez la balise img pour créer une image.

Comment définir la taille de limage en utilisant CSS

Dans le fichier test.html, au sein de la balise css, utilisez "*" pour initialiser tous les éléments de la page et définir les marges intérieure et extérieure à 0. Ouvrez le fichier test.html dans le navigateur pour voir l'effet.

Comment définir la taille de limage en utilisant CSS

Modifiez la taille de l'image par nom d'élément. Par exemple, dans la balise css, utilisez css pour définir la largeur de l'élément img dans l'élément div sur 200 px et la hauteur sur 100 px.

Comment définir la taille de limage en utilisant CSS

En définissant un attribut id sur la balise img, en utilisant l'attribut id en CSS, en utilisant width (largeur) et height (hauteur) pour définir le style, vous pouvez modifier la taille de l'image.

Comment définir la taille de limage en utilisant CSS

En définissant un attribut de classe pour la balise img, en utilisant l'attribut de classe en CSS, en utilisant la largeur (largeur) et la hauteur (hauteur) pour définir le style, vous pouvez modifier la taille de l'image.

Comment définir la taille de limage en utilisant CSS

Définissez les attributs width (largeur) et height (hauteur) en utilisant le style dans la balise img.

Comment définir la taille de limage en utilisant CSS

Les effets obtenus par les méthodes ci-dessus sont les suivants :

Comment définir la taille de limage en utilisant CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn