CSS SHAPES

 

Circle

To create a circle, use the border-radius property and set the value to 50%

syntax:

<<!DOCTYPE html>

<head>
    <title>Circle</title>
</head>
<style>
    .circle{
        height: 100px;
        width: 100px;
        border: 5px solid red;
        background-color: red;
        border-radius: 50px;
    }
</style>
<body>
    <h1>circle</h1><br>
    <div class="circle"></div>
   
</body>
</html>

TRIANGLE

To create a Triangle, use the border-color property and set the value of colors

<<!DOCTYPE html>

<head>
    <title>Circle</title>
</head>
<style>
    .triangle{
        height: 100px;
        width: 100px;
        border: 5px solid ;
        border-color: red green blue yellow;
    }
</style>
<body>
    <h1>circle</h1><br>
    <div class="triangle"></div>
   
</body>
</html>