Maison > interface Web > tutoriel CSS > 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.

高洛峰
Libérer: 2017-02-08 10:11:33
original
2354 Les gens l'ont consulté

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>
Copier après la connexion
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 !

É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