CSS - Textbereich als veränderbare Bildanzeige verwenden

Den Textbereich (Größe) mit dem Mauszeiger verändern.

<style>

textarea#textarea {
 
min-width300px;
 
min-height225px;
 
background-imageurl("hintergrundbild.jpg");
 
background-sizecover;
 
background-positioncenter center;
 
cursor: default;
}
</
style>

<
textarea id="textarea" readonly="readonly"></textarea>

Bildanzeige mit einem Block-Element


<style>

div#container {
 
width300px;
 
min-width300px;
 
height225px;
 
min-height225px;
 
resizeboth;
 
overflowAuto;
 
background-imageurl("hintergrundbild.jpg");
 
background-sizecover;
 
background-positioncenter center;
 
outlineSolid 1px #888;
}
</
style>

<
div id="container"></div>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<em> Emphatischer Ausdruck

CSS - HTML-Elemente als Tabelle formatieren

PHP - Letztes Verzeichnis aus einer URL ermitteln

JavaScript - Ein Array von Zahlen mit dem Bucketsort-Algorithmus sortieren

MySQL - Text in einer Spalte hinzufügen

Schneller Design Wechsel
Das Design von Webseiten ändert sich ca.1–2-mal pro Jahr. Um eine Umstellung zu erleichtern, empfiehlt sich eine externe CSS-Datei. Dort kann man für die ganze Homepage zum Beispiel eine andere Hintergrundfarbe in wenigen Sekunden ändern. Weitere Informationen wie man solch eine Datei erstellt finden Sie unter: CSS-Datei erstellen.