Maison > interface Web > tutoriel HTML > Comment ajuster la taille des images dans les pages Web HTML ?

Comment ajuster la taille des images dans les pages Web HTML ?

黄舟
Libérer: 2017-07-26 13:34:18
original
14173 Les gens l'ont consulté

CSS contient un attribut width qui contrôle la largeur d'un élément. Comme pour le contrôle des polices, nous utilisons px (pixels) pour spécifier la largeur de l'image.

Par exemple, si nous voulons créer un sélecteur de classe nommé larger-image qui définit la largeur de l'élément HTML à 500 pixels, nous utilisons :

<style>
  .larger-image {
    width: 500px;
  }
</style>
Copier après la connexion


Tâche : créez un sélecteur de classe nommé smaller-image, puis utilisez-le pour modifier la taille de l'image afin que l'image n'ait qu'une largeur de 100 pixels.


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal