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> |