Bonjour à tous,

je préfère préciser tout de suite que j'ai un niveau débutant et que je commence tout juste en HTML & CSS.

J'ai un problème, j'aimerais faire un carré en milieu de page avec une opacité de 0.70 et un titre dedans sans que l'opacité de ce titre ne soit impacté. 

J'ai réussi à trouver des lignes de codes qui m'ont permis de le faire mais le titre/texte je n'arrive pas à ce qu'il soit d'une opacité de 1.

Le code que j'ai trouvé sur internet est:

<div style="width: 180px; height:120px;

  padding-top:60px;

  text-align: center; background: #C0C0C0;" >

      Création

DIV

{

  margin: 0 auto;

  margin-top: 250px;

  opacity: 0.70;

  font-size: 26px;

}

Merci de votre aide !

-
Edité par 666WhiteOut666 27 juin 2020 à 13:18:20

Salut, ton carré tu peux lui donner une couleur de background avec effet de transparence en utilisant le rgba, pas besoin de l'opacité.

Voir ici pour un générateur de couleur rgba:

https://cssgenerator.org/rgba-and-hex-color-generator.html