Ausführen
Kopieren
Speichern
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Beispiel Base64 und CSS</title> <meta name="description" content="Beschreibung" /> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <style type="text/css"> span.icon::before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlklEQVR42mNgGBTg7Ym6E0D8Hwn/A+LTQKxArAH/kfnPD9cxAsXygPgeEJuA+CQZgCQeDTUE2XUniDYAh6ENBA0A8nWA+BmazdjwZlwGnCFCMwivwjAAyJYkUjMIG2MzYCaRms9ghAGQ5gXiT0QakIbNgDQiNYMs4UU24DcQywPxJSINmIkejd1QQwhp/AdN9lIMgwYAAC69eHoekyC8AAAAAElFTkSuQmCC); } </style> </head> <body> <h1>Beispiel mit wiederverwendbaren Base64-Bildern</h1> <p><span class="icon"></span>Absatz mit Icon.</p> <h2>Eine weiterer Ãœberschrift</h2> <p><span class="icon"></span>Noch ein Absatz mit Icon.</p> </body> </html>
Ihr Code wurde gespeichert
×
Verwenden Sie den folgenden Link um den Code zu teilen:
