Shulou(Shulou.com)05/31 Report--

Editor to share with you CSS how to write triangles, I believe that most people do not know much, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

CSS writes triangle / * create an arrow that points up * / div.arrow-up {width:0px; height:0px; border-left:5px solid transparent; / * left arrow slant * / border-right:5px solid transparent; / * right arrow slant * / border-bottom:5px solid # 2f2f2f; / * bottom, add background color here * / font-size:0px; line-height:0px;} / * create an arrow that points down * / div.arrow-down {width:0px; height:0px; border-left:5px solid transparent Border-right:5px solid transparent; border-top:5px solid # 2f2f2f; font-size:0px; line-height:0px;} / * create an arrow that points left * / div.arrow-left {width:0px; height:0px; border-bottom:5px solid transparent; / * left arrow slant * / border-top:5px solid transparent; / * right arrow slant * / border-right:5px solid # 2f2f2f; / * bottom, add background color here * / font-size:0px; line-height:0px } / * create an arrow that points right * / div.arrow-right {width:0px; height:0px; border-bottom:5px solid transparent; / * left arrow slant * / border-top:5px solid transparent; / * right arrow slant * / border-left:5px solid # 2f2f2f; / * bottom, add background color here * / font-size:0px; line-height:0px;} these are all the contents of the article "how to write triangles in CSS". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.