Dans le cours : L’intégration web : Coder un design en HTML et CSS

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.

Mettre en forme les cartes de la page Collection

Mettre en forme les cartes de la page Collection

Dans le cours : L’intégration web : Coder un design en HTML et CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Mettre en forme les cartes de la page Collection

“

Maintenant que ma carte a retrouvé son apparence par défaut, je vais pouvoir revenir dans ma feuille de style pour lui donner maintenant son apparence finale. Dans le cadre de cette formation, le plus important c'est l'observation de la maquette Photoshop. Et ça, c'est un travail que nous avons déjà fait plus tôt dans ce chapitre. Donc je vais directement revenir au niveau de ma feuille de style. Et pour gagner un petit peu de temps, j'ai préparé mes styles CSS sur un autre écran. Je vais venir les coller ici dans ma feuille de style. Donc les voici, on va voir ce que ça donne au niveau du document. Je recharge ma page. Voici la mise en forme de cette carte avec un petit effet de rollover quand on passe dessus. On va quand même aller inspecter ces styles CSS. Tout d'abord, je m'adresse à l'élément article. Je lui donne une bordure et un border-radius de dix pixels. Ensuite, le lien qu'il y a dans l'article, je lui donne une couleur de fond, je retire le soulignement par défaut, je lui…

Table des matières