How to Make a Semi-Circle Using HTML & CSS | How to Draw a Semi-Circle | HTML & CSS Tutorial

In this tutorial, you will learn how to create a semi-circle shape in HTML with CSS.

Please don’t forget to Like, Share & Subscribe.

Color Codes:
Background: #03bcf4
Square Shape: #fff

How to Draw CSS Shapes Series

1 - How to Draw a Square Shape in HTML Using CSS

2 - How to Draw a Circle Shape in HTML Using CSS

3 - How to Draw a Semi-Circle Shape in HTML Using CSS

4 - How to Draw a Quarter Circle Shape in HTML Using CSS

5 - How to Draw a Rectangle Shape in HTML Using CSS

6 - How to Draw an Ellipse Shape in HTML Using CSS

7 - How to Draw a Hexagon Shape in HTML Using CSS

8 - How to Draw a Parallelogram Shape in HTML Using CSS

9 - How to Draw a Tri-angle Shape in HTML Using CSS

10 - How to Draw a Moon Shape in HTML Using CSS

11 - How to Draw a Heart Shape in HTML Using CSS

Music:
Track: Diviners - Savannah (feat. Philly K) [NCS Release]

#html #css #CreateSemiCircleShapeUsingHTMLCSS