recherche

Maison  >  Article  >  interface Web  >  CSS ajuste la taille des images. Vous devez connaître la largeur et la hauteur.

CSS ajuste la taille des images. Vous devez connaître la largeur et la hauteur.

高洛峰
高洛峰original
2017-02-08 10:11:332324parcourir

Ce que nous apprenons aujourd'hui, c'est de vous apprendre à utiliser CSS pour ajuster la taille des images. Dans les exemples de cours précédents, nous sommes entrés en contact avec les deux attributs de largeur et de hauteur. Ces deux attributs sont utilisés pour définir la taille. largeur et hauteur des éléments respectivement.
En CSS, nous utilisons également la largeur et la hauteur pour définir la taille des images. Syntaxe :

CSS ajuste la taille des images. Vous devez connaître la largeur et la hauteur.

Description : Au stade débutant du CSS, toutes les unités sont des pixels. Au stade avancé du CSS, nous expliquerons en profondeur les autres unités CSS. 🎜>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        img{width:60px;height:60px;}
    </style>
</head>
<body>
    <img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>
L'effet d'aperçu dans le navigateur est le suivant :

CSS ajuste la taille des images. Vous devez connaître la largeur et la hauteur.

Analyse : quelle que soit la taille réelle de l'image, vous pouvez utiliser la largeur et hauteur pour définir la hauteur et la largeur souhaitées. Ne soyez pas stupide au point d'utiliser PS pour définir la hauteur et la largeur avant d'oser utiliser cette image sur la page.

Pour plus de CSS pour ajuster la taille des images, si vous souhaitez en savoir plus sur les articles liés à la largeur et à la hauteur, veuillez faire attention au site Web PHP 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
Article précédent：Tutoriel d'introduction CSS : bordure de bordure d'imageArticle suivant：Tutoriel d'introduction CSS : bordure de bordure d'image

Articles Liés

Voir plus