SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.

Beispiel:CSS-Hintergrund-5.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Replacement</title> <style> body { 

  background: linear-gradient(white, deepskyblue) ;

color: midnightblue; min-height: 100vh; display: grid; grid-template-rows: 1fr 8em; }

span { 

 display: block

}

.visually-hidden { 

   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;
   overflow: hidden;
   position: absolute;
   white-space: nowrap;
   width: 1px;

}


footer { background: midnightblue; color: white; } footer a { 

 color: skyblue;

}

</style> </head> <body>

<img src="https://wiki.selfhtml.org/images/7/77/Selfhtml-gepunktet.svg" alt="" role="none"> - unsere Punkte sind keine Windpocken!

<footer>

Dieses Beispiel demonstriert die <a href="https://wiki.selfhtml.org/wiki/Image-Replacement">Image Replacement</a>-Technik, bei der Text durch ein externes SVG ersetzt wird.

</footer> </body> </html>

Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:CSS-Hintergrund-5.html&oldid=102410“