---
title: "Discussion on \"How to create CSS Triangle\" | Hashnode"
description: "Discussion on \"How to create CSS Triangle\". In this article, I will show you the simple way to create a triangle with CSS.\nLet's go!\nTo create a triangle first, create a div:\n<div class=\"triangle\"></div>\n\nNow it's time to show some of the powers of CSS:\n.triangle {\n  width: 0;\n  height: 0;\n  b..."
url: "https://hashnode.com/posts/how-to-create-css-triangle/6315ac81041b51e1712e7394"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to create CSS Triangle](https://codewithsnowbit.hashnode.dev/how-to-create-css-triangle?utm_source=hashnode&utm_medium=feed)

In this article, I will show you the simple way to create a triangle with CSS. Let's go! To create a triangle first, create a div: <div class="triangle"></div> Now it's time to show some of the powers of CSS: .triangle { width: 0; height: 0; b...

Sep 5, 2022 · 1 min read · codewithsnowbit.hashnode.dev  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#html5](https://hashnode.com/tag/html5)

## Written by

[Dhairya Shah](https://hashnode.com/@codewithsnowbit)

@codewithsnowbit

  
[View profile](https://hashnode.com/@codewithsnowbit)

Frontend Web Developer | Technical Writer

I am 17 years old and a young passionate and self-taught frontend web developer and have an intention to become a successful developer. I usually write about JavaScript and Web Development and share some tips in the articles.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.