Home html css Yellow Triangle using HTML and CSS Yellow Triangle using HTML and CSS Author - thinhphamvn January 11, 2023 0 Yellow Triangle using HTML and CSSThe first step to make the HTML CSS ribbon is to create a triangle (An example of the Ribbon using HTML CSS)resultindex.htmlstyle.css>>> Download Source Code (Google Drive) Triangle * { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000c18; } .triangle { width: 100px; height: 100px; border-bottom: 100px solid #f7ba14; border-left: 50px solid transparent; border-right: 50px solid transparent; } Tags html css Facebook Twitter Whatsapp Newer Older