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

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

黄舟
黄舟original
2017-07-26 13:34:1814123parcourir

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>


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!

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