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.
1976奥运五环 css
私信完整源码

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

相关阅读:
转铁蛋白修饰蛇床子素长循环脂质体/负载三七皂苷R1的PEG-PLGA纳米粒(R1@Tf-PEG-PLGA NPs)
住宅IP与普通IP的区别
QQ邮箱怎么设置SMTP接口服务器？
「中秋来袭」没想到，用OpenCV竟能画出这么漂亮的月饼「附源码」
【智能合约安全】智能合约安全审计之Code4rena(或C4) \如何成为智能合约审计员
Flink CDC 2.2 正式发布，新增四种数据源，支持动态加表，提供增量快照框架
Linux(CentOS)安装MySQL教程
Tengine日志切割，删除7天之前的日志文件
ORB-SLAM2 ---- KeyFrameDatabase::DetectRelocalizationCandidates函数
cpp primer plus笔记012-STL模板库

原文地址：https://blog.csdn.net/iku5200/article/details/134298928