Indicoderz

how to create a triangle 🔺 in HTML and CSS code

Hello guys, today we will see you in this blog you'll learn how to create a triangle 🔺 in HTML and CSS code for website| HTML Website Tutorials indicoderz .Earlier I have shared a blog on how to create a triangle 🔺 in HTML and CSS code for website| HTML Website Tutorials indicoderz Generally

Video Tutorial of css triangle

You might like this:

You will see in this blog one of your own html and css code to create a triangle

Pure CSS triangle [ Source Codes ]

To create this program a css triangle. First, you need to create two Files one HTML File and another one is CSS File. After creating these files just paste the following codes into your file. You can also download the source code files of this css triangle from the below download button.

Html code

<!DOCTYPE html>
<html lang="en">
<head>
<title>html</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
	<div class="triangle">
		
	</div>
</div>
  </body>
</html>

Css code

*{

	margin: 0;

	padding: 0;

	

}

body{

	background-color:#123; 

}

.main{

	width: 100%;

	height: 100vh;

	display: flex;

	justify-content: center;

	align-items:center; 

}

.triangle{

	width: 0;

	height: 0;

	border-left:50px solid transparent;

	border-right: 50px solid transparent;

	border-bottom: 100px solid red; 

}

DOWNLOAD CODE FILE

Helping all of you to make us happy how to create a triangle 🔺 in HTML and CSS code.how did you feel about us

SUBSCRIBE to our YouTube channel, visit to: https://www.youtube.com/channel/UCjKe1G5UC51XYi3j58LPd_Q

*********************************************

Follow indicoderz on Instagram https://www.instagram.com/indicoderz/

**********************************************

Follow indicoderz on Website

https://indicoderz.blogspot.com

**********************************************

Follow indicoderz on Twitter https://www.twitter.com/indicoderz

**********************************************

Follow indicoderz on Iinkedin https://www.linkedin.com/indicoderz