Heim >Web-Frontend >CSS-Tutorial >Reines CSS-Dreieckssymbol
Reines CSS-Dreieckssymbol
- 高洛峰Original
- 2017-02-20 11:43:321644Durchsuche
Dreiecke werden oft in Projekten verwendet. Jetzt erzähle ich Ihnen von der unteren dreieckigen festen Form, die in reinem CSS geschrieben ist
.triangle{
border-width: 5px 4px 0 4px;
border-color: #454A7B transparent transparent transparent;
border-style:solid;
height: 0;
width: 0;
}
Dreieckige Formen in anderen Anweisungen Passen Sie Ihren eigenen Stil an, ziehen Sie Schlussfolgerungen aus einem Beispiel, seien Sie nicht so faul, Sie werden Fortschritte machen, wenn Sie es selbst tun.
Weitere Artikel zu reinen CSS-Dreieckssymbolen finden Sie auf der chinesischen PHP-Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Drei Möglichkeiten, den Tab-Wechsel in der Navigationsleiste mithilfe von CSS zu implementierenNächster Artikel：Drei Möglichkeiten, den Tab-Wechsel in der Navigationsleiste mithilfe von CSS zu implementieren