Maison >interface Web >tutoriel CSS >Comment masquer du texte dans un logo à l'aide de CSS
Pour masquer le texte d'un logo et afficher une image de fond, vous pouvez utiliser cette technique CSS. Cette méthode utilise text-indent pour déplacer le texte hors de la zone visible et d'autres propriétés pour le garder caché sans affecter la mise en page.
a.logo { text-indent: -9999px; /* Shifts the text far off-screen */ overflow: hidden; /* Ensures no overflow text is visible */ white-space: nowrap; /* Prevents text from wrapping to the next line */ display: block; /* Allows setting width and height */ width: 150px; /* Sets the width of the logo element */ height: 50px; /* Sets the height of the logo element */ background-image: url('logo.png'); /* URL of the logo image */ background-size: cover; /* Ensures the background image covers the entire area */ }
Article complet : Comment masquer du texte dans un logo à l'aide de CSS
Extraits 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!