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

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

coldplay.xixi
coldplay.xixioriginal
2021-03-17 17:15:2313443parcourir

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!

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