Panneau Michelin HTML-CSS

Ou comment faire un panneau de signalisation Michelin avec du code HTML-CSS

HTML et CSS sont deux langages de programmation utilisés pour la création de sites web. HTML est utilisé pour la structure et le contenu d'un site web tandis que CSS est utilisé pour la mise en forme et la présentation.

LILLE

HTML

Code HTML à coller ou vous pouvez juste après <body>

<div class="panneau-michelin">LILLE</div>

CSS

Le code CSS à coller dans votre feuille de styles

/* PanneauMichelin */
.panneau-michelin {
  width: 320px;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  background: #eee;
  border: 7px solid #B41000;
  border-radius: 10px;
  padding: 15px;
}

.panneau-michelin p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 52px;
  font-weight: 700;
  color: #000;
  margin: 0;
}

Testé sur Smartphone Android, PC Chrome - Internet Explorer et Firefox

Un panneau Michelin est un type de panneau de signalisation routière et d'indication touristique en lave émaillée sur un support en béton armé, produit par Michelin pour la France entre 1910 et 1971. Ces panneaux indiquaient le nom des communes, le numéro et la direction des routes, les distances, les sites remarquables et les consignes de sécurité. Ils portaient souvent le nom ou le logo de Michelin ou d'autres sponsors. Certains de ces panneaux sont encore visibles le long des routes ou dans des collections privées.

Source : conversation avec Bing, 16/04/2023