CSS - Datum als Kalenderblatt darstellen
Dez.
11
2023
<style>
span.kalenderblatt {
font-family: Arial, Sans-Serif;
font-size: 1rem;
text-align: Center;
background: Url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABICAMAAAB4D6P7AAAA8FBMVEUAAAAAAAAAAADa2toAAABvbGwAAABOTEza2tqhnp7a2trSzc3Qy8va2tra1dXZ2dna1dXa1dXa2tra2trb1tbX0tLY09Pa2tpwcHB/f3+Ojo6QkJCdnZ2fn5+goKChoaGpqamrq6utra3ExMTFxcXHx8fLy8vMzMzNzc3X1NTY09PY19fZ2dna2dna2trb1tbb29vc19fc3Nzd2Njd3d3e3t7f29vg3Nzi4uLk4uLk5OTl5OTm5ubn5OTo5eXo6Ojp6enq6Ojr6+vs7Ozv7u7v7+/w7+/w8PD09PT19fX29vb39/f6+vr7+/v8/Pz+/v6lwRxzAAAAGHRSTlMAAQYGCgwNERslbHV2wMPExsnP0tT0+fmiId+CAAABaUlEQVR42u3QXVOCQBiG4dfQVNRMpUjTVUtTsZAQURP5FBUs/f//prWmYYaDpmXPmr0Pd+a5Zt4FAI4viXLCxBLPAS5XNfwgTFjgG9UcAFezQqqsGge8EVJm8FD2aRG/DGJAiwQiyCF1MkMYwhCG/F9k2BmSbvEkhjTaDVIET2JI665FiuBJDEEPiNCIJhg5fL88EiLR5ICRI1b6PSSjXp9AiCaHI0ZUVZFlBVlIkZ8J+pkoqoqRE05R0BtSlNMfi03O53yFntCRrGgSIV1ypBtHmvdNUgRPYki9XSdF8CSGDDoDUgRPIoQihjCEIQxhyO/IB63x/gLjPS2yH8PIpkXsEUiaR2d4mgRTS7P3FLfYmvUKk427mMmJmy3czQQkM9x5duK8XWhKcKs7IVWOfgOVlW5ukxNbU19VoLB2l/Np4uZLd12AjODQ/YkjZADyAt05Qh4AUtni1TRx18VsCs5dpC8Tl77AwCfx+0ZnhhB18gAAAABJRU5ErkJggg==");
background-repeat: No-Repeat;
display: Inline-Block;
width: 68px;
height: 72px;
}
span.kalenderblatt > strong {
font-size: 1.2rem;
</style>
<span class="kalenderblatt">Dez.<br><strong>11</strong><br>2023</span>
Bilder als Base64-Code
kodieren — Siehe: Grafik als Zeichenkette speichern und wieder als Grafik ausgeben
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<label> Etikett
CSS - Bevorzugtes Farbschema darstellen (Hell.- / Dunkelmodus für Webseiten)