Home >Web Front-end >CSS Tutorial >Pure CSS triangle symbol
Pure CSS triangle symbol
- 高洛峰Original
- 2017-02-20 11:43:321625browse
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;
}
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!
Statement：
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