Html - dreieck mit div erstellen?

Ich will gerne mit html ein dreieck erstellen! Ich möchte eine website machen und weiß nur wie man ein Quadrat und ein kreis macht! Kann jemand mir dabei helfen und mir code geben und ihn erklären!

Answer 1

[Mirko Marek]

Hi Reallucas564,

ich würde dir empfehlen mit der CSS-Eigenschaft clip-path zu arbeiten. Damit lassen sich unterschiedliche Formen erstellen.

Um das ganze einfacher zu gestalten, packe ich dir drei Links zu dem Thema:

https://bennettfeely.com/clippy/

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/clip-path

https://wiki.selfhtml.org/wiki/Masken_und_Beschneidungen/clip-path

Damit kannst du alle möglichen Formen erstellen und deine Kreativität freien Lauf lassen. Viel Erfolg Reallucas564!

Woher ich das weiß: Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

Answer 2

[ichweisnetwas]

<div class="triangle"></div>

Erstelle das div mit der Klasse und dann:

.triangle {
    width: 0;
    height: 0;
    border-left: 50px solid transparent; /* Ändern Sie die Größe des Dreiecks hier */
    border-right: 50px solid transparent; /* Ändern Sie die Größe des Dreiecks hier */
    border-bottom: 100px solid red; /* Ändern Sie die Farbe und Höhe des Dreiecks hier */
}

Sollte sich von selbst erklären.

Answer 3

[paaauleee]

https://davidgierth.de/tools/css-triangle-generator/