To create the 45th Olympic logo by using CSS

You are required to create the 45th Olympic logo by using CSS. The logo is composed of five rings and three rectangles with rounded corners. The HTML code has been given. It is not allowed to add, edit, or delete any HTML elements.
To create the 45th Olympic logo by using CSS_第1张图片
私信完整源码

DOCTYPE html>
<html>
<head>
<style>
.container{
 position: fixed;
 top: 200px;
 height: 500px;
 width: 500px; 
 }
 
YOUR CODE IS HERE
style>
head>
<body>
<div class="container">
 <div class="circle ring1">div>
 <div class="circle ring2">div>
 <div class="circle ring3">div>
 <div class="circle ring4">div>
 <div class="circle ring5">div>
 <div class="rect ring6">div>
 <div class="rect ring7">div>
 <div class="rect ring8">div>
 <h1 class="heading">Montreal 1976h1>
div>
body>
html>

你可能感兴趣的:(css,前端)