Es gibt zwei Möglichkeiten, Pfeile in Ihrer Website zu haben, erstens können Sie Bild als Pfeil oder css verwenden, um den einen zu erstellen.
Ich persönlich empfehle Ihnen die Verwendung von CSS, da es im Vergleich zu Bildern weniger Zeit zum Laden benötigt.
Bitte überprüfen Sie den HTML- und CSS-Code unten, um den Pfeil mit Hilfe von CSS zu erstellen.
Die tatsächliche Breite und Höhe des Pfeils wird durch die Breite des Rahmens bestimmt.
<div class=“arrow“></div>
.arrow{
margin:auto;
width: 0;
height: 0;
border-left: 90px solid transparent;
border-right:90px solid transparent;
border-top: 90px solid #000;
}
Klicken Sie auf den Link, um die Live-Demo zu sehen.
