css semi circle code example

Example 1: css circle

#circle {
      width: 100px;
      height: 100px;
      background: red;
      border-radius: 50%
    }

Example 2: how to create a semi circle in css

div { 
        position: absolute; 
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        height: 100px; 
        width: 200px; 
      	border-radius: 150px 150px 0 0; }

Example 3: how to create a circle with css

<div id="circle">
</div>

#circle {
    width: 100px;
    height: 100px;
    background: red;
    border-radius: 50%
}