How to write the code for drawing triangles in CSS

This article mainly introduces the CSS triangle drawing code how to write the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that everyone after reading this CSS triangle drawing code how to write the article will have a harvest, let's take a look.

Upward triangle # triangle-down {width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;} upward triangle # triangle-up {width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red;} left triangle # triangle-left {width: 0; height: 0 Border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent;} right triangle # triangle-right {width: 0; height: 0; border-top: 50px solid transparent; border-left: 100px solid red; border-bottom: 50px solid transparent;} upper left triangle # triangle-topleft {width: 0; height: 0; border-top: 100px solid red; border-right: 100px solid transparent } upper right triangle # triangle-topright {width: 0; height: 0; border-top: 100px solid red; border-left: 100px solid transparent;} lower left triangle # triangle-bottomleft {width: 0; height: 0; border-bottom: 100px solid red; border-right: 100px solid transparent;} lower right triangle # triangle-bottomright {width: 0; height: 0; border-bottom: 100px solid red; border-left: 100px solid transparent } this is the end of the article on "how to write the code for drawing triangles in CSS". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to write the code for drawing triangles in CSS". If you want to learn more, you are welcome to follow the industry information channel.