Farbige-Blöcke: Unterschied zwischen den Versionen

Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung
Zeile 5: Zeile 5:


Vorlage blauer Block:
Vorlage blauer Block:
 
<html>
<div style="border:2px black solid; background: #e6ecf5; padding: 8px;">
<div style="border:2px black solid; background: #e6ecf5; padding: 8px;">
Ich bin ein Blauer Block
Ich bin ein Blauer Block
</div>
</div>
 
</html>
=== Wie ändere ich die Farbe des Blocks? ===
=== Wie ändere ich die Farbe des Blocks? ===
so sieht der Html Quelltext aus.
so sieht der Html Quelltext aus.
Zeile 30: Zeile 30:


Der schaut dann so aus:
Der schaut dann so aus:
 
<html>
<div style="border:2px black solid; background: #fbf646; padding: 8px;">
<div style="border:2px black solid; background: #fbf646; padding: 8px;">
Ich bin ein Gelber Block
Ich bin ein Gelber Block
</div>
</div>
</html>

Version vom 15. Juli 2024, 12:53 Uhr

Einen blauen Block einfügen?

  1. Schritt: Markiere den gesamten Block
  2. Schritt: Strg + v um ihn zu kopieren
  3. Schritt: Füge ihn mit Strg+ v am gewünschten Ort ein

Vorlage blauer Block:

Ich bin ein Blauer Block

Wie ändere ich die Farbe des Blocks?

so sieht der Html Quelltext aus.

<div style="border:2px black solid; background: #e6ecf5; padding: 8px;">
Ich bin ein Blauer Block
</div>


Über das Attribut background kannst du die Farbe einstellen.

Über einen Color https://imagecolorpicker.com/color-code/2596be kannst du dir deine Farbe holen und dann einfach im Quelltext Editor einfügen und speichern.

<div style="border:2px black solid; background: #fbf646; padding: 8px;">
Ich bin ein Gelber Block
</div>

Der schaut dann so aus:

Ich bin ein Gelber Block