Heim  >  Artikel  >  Web-Frontend  >  Reines CSS-Dreieckssymbol

Reines CSS-Dreieckssymbol

高洛峰
高洛峰Original
2017-02-20 11:43:321596Durchsuche

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