Pure CSS triangle symbol

高洛峰
Release: 2017-02-20 11:43:32
Original
1606 people have browsed it

Triangles are often used in projects. Now I will tell you about the lower triangle solid graphics written in pure CSS

.triangle{
    border-width: 5px 4px 0 4px;
    border-color:  #454A7B transparent transparent transparent;
    border-style:solid;
    height: 0; 
    width: 0;
}
Copy after login

Adjust the triangle graphics in other directions by yourself Style, draw inferences from one example, don't be so lazy, you will make progress by doing it yourself.

For more articles related to pure CSS triangle symbols, please pay attention to the PHP Chinese website!

Related labels:
css
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template