From 909c2c18cf73eaa2c8533cfde95c3202fd1b702f Mon Sep 17 00:00:00 2001 From: Ryan Dear Date: Fri, 18 Apr 2025 10:16:42 -0400 Subject: [PATCH] Changing the height and the width of the circle --- circle.html | 4 ++++ index.html | 12 ++++++++++++ style.css | 10 +++++----- 3 files changed, 21 insertions(+), 5 deletions(-) create mode 100644 index.html diff --git a/circle.html b/circle.html index 213a8df4e..3dbe8fa6f 100644 --- a/circle.html +++ b/circle.html @@ -11,3 +11,7 @@

How to create a circle using a div

+.circle { + width: 500px; + height: 500px; +} diff --git a/index.html b/index.html new file mode 100644 index 000000000..b8f40f8e9 --- /dev/null +++ b/index.html @@ -0,0 +1,12 @@ + + + + + + Circle Example + + + +
+ + diff --git a/style.css b/style.css index b1a4e3b87..2080e288b 100644 --- a/style.css +++ b/style.css @@ -1,8 +1,8 @@ .blue { - background-color:blue + background-color:blue } .circle{ - border-radius:50%; - width:300px; - height:300px; -} + border-radius:50%; + width:500px; + height:500px; +} \ No newline at end of file