Maison > interface Web > tutoriel CSS > Comment aligner des images côte à côte avec CSS

Comment aligner des images côte à côte avec CSS

coldplay.xixi
Libérer: 2023-01-03 09:30:20
original
13508 Les gens l'ont consulté

Comment mettre des images côte à côte en utilisant du CSS : utilisez d'abord la balise li pour écrire les deux images en code ; puis ajoutez le code CSS, en faisant attention aux attributs de marge et d'opacité ; css au code.

Comment aligner des images côte à côte avec CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version Adobe Dreamweaver cc2020, ordinateur DELL G3.

Comment organiser les images côte à côte en utilisant CSS :

1 Ouvrez le logiciel dw, créez un nouveau document texte et trouvez deux images

Comment aligner des images côte à côte avec CSS

2. À l'aide de la balise li, écrivez d'abord les deux images en code

Comment aligner des images côte à côte avec CSS

3. est le suivant. Faites attention à la marge et à l'opacité

Comment aligner des images côte à côte avec CSS

4. Ensuite, nous ajoutons le CSS correspondant au code ci-dessous ;

5 , regardez maintenant le résultat final.

Comment aligner des images côte à côte avec CSS

Comment aligner des images côte à côte avec CSSRecommandations d'apprentissage associées :

tutoriel 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!

Étiquettes associées:
css
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