Kleine Sektflaschen Hochzeit
HTML & CSS Tutorial - Eine Box erstellen, gestalten und mit "Margin" verschieben [GERMAN] - YouTube
Stellen Sie auch die Eigenschaften height, margin, padding und font-family ein. body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #666666;} Der letzte Schritt ist das Hinzufügen von JavaScript in unserem Code. Wir können die Funktion entweder im Tag
unseres Dokuments oder in einer externen hinzufügen. function example() { el = tElementById("example"); = ( == "visible")? "hidden": "visible";} Wir verwenden eine automatische Umschaltmethode, um es sichtbar zu machen, wenn es ausgeblendet ist. Wir sollen folgendes auf unserer Seite hinzufügen, damit, wenn der Benutzer auf den Link klickt, unsere Box angezeigt wird. open In HTML müssen wir einen Link hinzufügen, um es auszublenden: Klicken Sie hier, um die Box zu schließen Hier ist das Ergebnis unseres Codes: Beispiel < html > < head > < style > font-family: Arial, Helvetica, sans-serif;} h2 { font-size: 20px; color: #000000;} style > head > < body > < h2 > Modale Box erstellen h2 > < a href = '#' onclick = 'example()' > open a > < div id = "example" > < div > < p > Die Inhalte, die der Benutzer sehen soll, gehen hierhin."black", "red", "green", …). color -> Die Farbe der Schrift Auch hier gilt: Sie können jede beliebige Schriftfarbe über den 6-stelligen HexCode definieren. Achten Sie auf ausreichend starke Kontraste um eine gute Lesbarkeit zu gewährleisten. border -> Rahmen um die Box Wenn Sie Ihrer Box einen Rahmen verpassen möchten, dann können Sie das mit diesem Wert erreichen. Je größer die angegebene Pixelzahl, desto breiter wird der Rahmen. "solid" heißt, dass der Rahmen in einer durchgehenden Linie angezeigt wird. Alternativen wären z. "dotted" (also gepunktet), "dashed" (gestrichelt) oder "double" (eine Doppellinie). Der nächste Wert definiert die Farbe der Umrandung: border-radius -> definiert runde Ecken Wenn Sie möchten das Ihre Box abgerundete Ecken hat, dann können Sie diese über border-radius definieren. Je größer der Wert, desto runder die Ecken. font-family -> Die Schriftart innerhalb der Box Der erste Wert definiert die Schriftart, die gewünscht ist (Georgia). Ist Georgia auf dem Rechner, mit dem die Website aufgerufen wird, nicht installiert wird eine Ausweichschrift (Times New Roman) aufgerufen.
Hierfür empfiehlt es sich, entweder eine Hintergrundfarbe zu definieren, oder einen Rahmen mittels der CSS-Property border zu erzeugen. Der Aufbau dabei ist wie folgt: Border: [farbe] [typ] [Dicke in Pixel]; Dazu ein Beispiel: