Wie erstellt der CSS-Randtrick eine Dreiecksform mit einer Breite und Höhe von Null? [Duplikat]HTML

HTML-Programmierer
Guest
 Wie erstellt der CSS-Randtrick eine Dreiecksform mit einer Breite und Höhe von Null? [Duplikat]

Post by Guest »

Ich versuche zu verstehen, wie dieser CSS-Code eine Dreiecksform erzeugt. Hier ist der Code, mit dem ich arbeite: Das Element hat keine Breite oder Höhe, erscheint jedoch als nach unten zeigendes Dreieck. Ich weiß, dass die Border-Eigenschaft zum Erstellen von Formen verwendet werden kann, bin mir aber nicht sicher, warum die transparenten Ränder links und rechts so funktionieren.
Könnte jemand Folgendes erklären:< /p>
Warum führt das Setzen von Breite und Höhe auf 0 immer noch zu einer sichtbaren Form?
Wie tragen die transparenten Ränder zur Bildung des Dreiecks bei?
Welche Rolle spielt borderBottom? bei der Gestaltung des Dreiecks?
Irgendwelche detaillierten Erklärungen dazu Die Ränder, die dieses Dreieck bilden, wären sehr hilfreich!
Geben Sie hier eine Bildbeschreibung ein

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post