Breaking News: Grepper is joining You.com. Read the official announcement!

half circle div

Add Answer

Clumsy Cobra answered on May 11, 2021 Popularity 10/10 Helpfulness 1/10

answer half circle div

related half circle css

half circle div

Comment

-1

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
  
    <title>Semi Circle</title>
  
    <style>
        * {
            margin: 0;
            padding: 0;
            background-color: white;
  
        }
  
        /* Using the border-radius property 
           to draw the semi-circle*/
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 100px;
            width: 200px;
            border-radius: 150px 150px 0 0;
            background-color: green;
        }
    </style>
</head>
  
<body>
    <div></div>
</body>
  
</html>

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: www.geeksforgeeks.org

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Jun 08 2022

Clumsy Cobra

0 Answers Avg Quality 2/10

Closely Related Answers

half circle css

Comment

div {
  width: 150px;
  height: 75px;
  border-bottom-left-radius: 510px;
  border-bottom-right-radius: 510px;
  background: #ECA03D;
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 11 2021

JérômeW

0 Answers Avg Quality 2/10

half circle div

Contents

More Related Answers

half circle div

Closely Related Answers

half circle css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.